小型マイクロチャネルの使用は、サードパーティのライブラリをインストールNPM

NPMパッケージがロード用の小型のマイクロチャネル・プログラムは、バージョン2.2.1の後に小さなプログラムは、NPMの使用は、サードパーティ製のパッケージをインストールサポート、サポートを追加します。

マイクロ文字の開発ツール「建物NPM」を選択する前に、「与えられていないnode_modules」ディレクトリ間違った道を開く「ため、」。 "

私たちは、のインストール賞賛しなければならない  vantライブラリを例を行います

1.初期化

今、小さなプログラムを作成し、

(Miniprogram)は、アプレットのルートディレクトリを実行します。

NPM熱

いくつかの基本的な情報を入力し、あなたは常にあなたができる、デフォルトでは、入力した後、生成することができますpackage.jsonファイルを

サードパーティのライブラリをインストールします。2.

アドレスのような文書があります。https://youzan.github.io/vant-weapp/#/intro

次の世代package-lock.json、サードパーティ製のプラグレコードの使用:

NPM インストール --productionを

使用--productionオプションは、あなたがそれによって全体の小型パッケージのサイズを小さく、パッケージをインストールするビジネス関連のNPMの数を減らすことができます。

サードパーティコンポーネントの導入に続いて:

NPM I vant-weapp -S --production

チャンは、UIコンポーネントがある導入された、それは良い感じ。これは、生成されnode_modulesたディレクトリを。

3、パケット構築NPM

コンパイルディレクトリは、アップロードとパッキングに参加しませんnode_modules、あなたがNPMパッケージを使いたいので、少しプログラムが同じディレクトリnode_modulesの最外層に、再び「建物NPM」プロセスを行かなければなりません生成されますminiprogram_npm建物を保存するディレクトリを、実際に使用する小さなプログラムのNPMパッケージであるパッケージ、後NPMパッケージ。

マイクロ文字の開発ツールに - 「>ビルドNPMツール」をクリックします。

次のように最後に、ルートディレクトリに生成されます。

4、パッケージNPMの使用

最初は中.jsonで引用しました:

{
   "usingComponents" :{
     "ヴァン・ボタン": "vant-weapp /ボタン/インデックス"  "バン進行中": "vant-weapp /進行/インデックス"   
  } 
}

中.wxmlでの再利用:

<バン・ボタンタイプ= "危険">危险按钮</バン・ボタン> 
<バン・進捗率= "50" />

 

 

参考リンク:

1.  https://blog.csdn.net/junmoxi/article/details/90021817

2.  https://segmentfault.com/a/1190000016706395

おすすめ

転載: www.cnblogs.com/lfri/p/11869992.html