小程序npm引入第三方UI库

一. 开始前

请先阅读微信小程序官方文档：自定义组件、npm 支持

二. 操作步骤

1. 新建一个小程序项目，并在项目中创建“miniprogram”文件夹（文件目录名和红色框名一致）

   
   image.png

2. 到终端cd到项目miniprogram目录；

3. 输入如下命令后，一直回车；

npm init

4. 输入如下命令：

npm install --production

5. 输入如下命令，引入第三方组件，以wux-weapp为例：

npm i wux-weapp -S --production

3~5步完整的命令：

image.png

6. 小程序编辑工具内构建npm：工具 -- 构建npm

7. 在小程序详情中勾选“使用npm模块”

   
   image.png