uniapp が小さなプログラムをパッケージ化する方法

小規模プログラムの人気に伴い、uniapp を開発に使用しようとする開発者が増えています。uniapp は小規模プログラムを含む複数のプラットフォーム用のアプリケーションに同時にパッケージ化できるためです。では、uniapp はどのようにして小さなプログラムをパッケージ化するのでしょうか?

まず、対応する依存関係パッケージを uniapp プロジェクトにインストールする必要があります。プロジェクトのルート ディレクトリで、次のコマンドを実行します。

npm install @dcloudio/uni-cli -g

インストールが完了したら、アプレット構成ファイルをプロジェクトに追加する必要があります。プロジェクトのルート ディレクトリに、project.config.json という名前のファイルを作成し、次の内容を追加します。

{
  "miniprogramRoot": "dist/wx/",
  "cloudfunctionRoot": "cloudfunctions/",
  "setting": {
    "urlCheck": false,
    "es6": true,
    "postcss": true,
    "minified": true,
    "newFeature": true,
    "nodeModules": true,
    "autoAudits": false,
    "uglifyFileName": true,
    "checkInvalidKey": true,
    "checkSiteMap": true,
    "uploadWithSourceMap": true,
    "compileHotReLoad": false,
    "useMultiFrameRuntime": true
  },
  "appid": "yourAppId",
  "projectname": "yourProjectName",
  "condition": {}
}

ここで、miniprogramRoot は、最終的なパッケージ化を行うミニ プログラムを表します。出力ディレクトリ。この例では、ミニ プログラムのパッケージ化されたファイルを dist/wx/ ディレクトリに出力します。 appid はミニ プログラムの AppID を表し、projectname はプロジェクト名を表します。

次に、アプレットの構成情報を manifest.json ファイルに追加する必要があります。 manifest.json ファイルの mp-weixin ノードに次のコンテンツを追加します。

"mp-weixin": {
    "appid": "yourAppId",
    "projectname": "yourProjectName",
    "condition": {}
}

次に、次のコマンドを使用してアプレットをパッケージ化します。

uni build --platform mp-weixin --watch

このうち、--platform パラメータはパッケージング プラットフォームを示します。ここでは小さなプログラムを選択します。--watch パラメータはファイルのリアルタイム監視を示します。開発モードでの変更とパッケージ化。

パッケージ化が完了すると、dist/wx/ ディレクトリでミニ プログラムのパッケージ化フォルダーが見つかります。このフォルダーには、ミニ プログラムのすべてのコードとリソースが含まれています。パッケージ化プロセス中にエラーが発生した場合は、--debug パラメーターを使用して詳細なエラー情報を出力できることに注意してください。

つまり、uniapp を使用して小さなプログラムをパッケージ化するのは非常に簡単で、構成情報を追加した後は、いくつかの簡単なコマンドを実行するだけでパッケージ化を完了できます。経験豊富な開発者であれば、アプレットのパッケージ化は間違いなく問題ありません。

以上がuniapp が小さなプログラムをパッケージ化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。