小程序npm引入第三方UI库

一. 开始前

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

二. 操作步骤

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


    image.png
  2. 到终端cd到项目miniprogram目录;

  3. 输入如下命令后,一直回车;

npm init
  1. 输入如下命令:
npm install --production
  1. 输入如下命令,引入第三方组件,以wux-weapp为例:
npm i wux-weapp -S --production

3~5步完整的命令:


image.png
  1. 小程序编辑工具内构建npm:工具 -- 构建npm

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


    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容