小程序--npm引入第三方組件

1、先新建立一個小程序項目(mini_npm)

打開cmd,進入小程序項目的根目錄

cd  C:\MyDatas\小程序\mini_npm
npm init

命令行裏會以交互的形式讓你填一些項目的介紹信息，依次介紹以下：（不知道怎麼填的直接回車、回車...）

name 項目名稱

version 項目的版本號

description 項目的描述信息

entry point 項目的入口文件

test command 項目啓動時腳本命令

git repository 若是你有 Git 地址，能夠將這個項目放到你的 Git 倉庫裏

keywords 關鍵詞

author 做者叫啥

license 項目要發行的時候須要的證書

2、接着安裝第三方組件，如 weui-miniprogram

npm install --save weui-miniprogram

執行完，在項目根目錄下,就會出現node_modules的包

3、構建 npm 包

構建完成後就會在項目中生成 miniprogram_npm 目錄

4、引用組件

1.首先要在app.wxss裏面引入weui.wxss

[@import](https://my.oschina.net/u/3201731) './weui-miniprogram/weui-wxss/dist/style/weui.wxss';

2.而後能夠在頁面中引入組件，如：dialog 彈窗組件

（1）、首先在頁面的 json 文件加入 usingComponents 配置字段

{
  "usingComponents": {
	"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog",
  }
}

（2）、而後能夠在對應頁面的 wxml 中直接使用該組件

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '確認'}]}}">
	<view>test content</view>
</mp-dialog>