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" />
参考リンク: