WeChatアプレットビルドnpm

1.公式文書

https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html

npmサポート

 Mini Program Basic Libraryバージョン 2.2.1 以降、およびDeveloper Tools 1.02.1808300以降では、MiniProgramはnpmを使用したサードパーティパッケージのインストールをサポートしています。

このドキュメントでは、開発者がnpmについてある程度理解している必要があるため、npmの基本的な機能は紹介しません。以前にnpmに連絡したことがない場合は、公式のnpmドキュメント を読んで 学習してください。

ヒント:小さなプログラムでnpmパッケージを使用する前に、まずnpmをビルドする必要があります

npmパッケージを使用する

1.npmパッケージをインストールします

アプレットpackage.jsonが配置されているディレクトリで、コマンドを実行してnpmパッケージをインストールします。

npm install

ここでは、npmのビルドに関係するpackage.jsonが、project.config.jsで定義されているminiprogramRoot内にある必要があります。

ヒント:v1.02.1811150バージョンの開発者ツールから、package.jsonの依存関係フィールドに基づいてビルドするように調整されているため、devDependenciesで宣言されたパッケージも、ビルドに参加せずに開発プロセス中にインストールして使用できます。 。以前のバージョンの場合は、この--productionオプションを使用することをお勧めします。これにより、ビジネスに関係のないnpmパッケージのインストールを減らし、小さなプログラムパッケージ全体のサイズを減らすことができます。

ヒント:miniprogramRootフィールドが存在しない場合、miniprogramRootはproject.config.jsが配置されているディレクトリです。

2.npmをビルドします

開発者ツールのメニューバーをクリックします:ツール->ビルドnpm
建設

なぜこのステップが必要なのですか?

3. [npmモジュールを使用する]オプションをオンにします。

4.ビルドが完了すると、npmパッケージを使用できるようになります。

jsにnpmパッケージを導入します。

const myPackage = require('packageName')
const packageOther = require('packageName/other')

npmパッケージのカスタムコンポーネントを使用します。

{
  "usingComponents": {
    "myPackage": "packageName",
    "package-other": "packageName/other"
  }
}

ヒント:ここでnpmパッケージを使用する場合、パッケージ名のみが導入されていると、デフォルトでパッケージ名の下のindex.jsファイルまたはインデックスコンポーネントが検索されます。

2.構築できるNPMパッケージソリューションはありません

https://www.cnblogs.com/lml-lml/p/11346680.html

1.アプレットのルートディレクトリを入力し、cmdを開いて、次のように入力します。npminit

コマンドを入力した後、Enterキーを押し続けます

2.次のコマンドを入力します:npm i miniprogram-sm-crypto --production

コマンドを実行した後、次の図に示すように、WeChat開発者ミッドポイントツール-ビルドnpmに移動すると、成功します。

カテゴリ:  WeChatミニプログラム

おすすめ

転載: blog.csdn.net/qq_29752857/article/details/112274668