微信小程序使用npm安装package

1.在小程序项目中的某个目录下面新建文件夹：node_modules（小程序官方没有强制要求 node_modules 必须在小程序根目录下（即 project.config.js 中的 miniprogramRoot 字段），也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。）

2.终端进入到node_modules文件夹所在的目录，（不是node_modules文件夹里面）

3.安装需要的 package，以 weui-miniprogram 为例：

cnpm install weui-miniprogram --save --production

4.点击开发者工具中的菜单栏：工具 --> 构建 npm

5.安装好之后，在“微信开发者工具”中勾选 “使用 npm 模块”

6.构建完成后即可使用 npm 包

app.wxss:

@import 'miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

index.json:

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

index.wxml:

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