微信小程序使用 npm 构建第三方包

官方构建地址

构建基础

  • 必须安装有 npm , npm 的安装请自行网上查询

基本构建步骤

  1. 创建小程序项目

  2. 利用终端进入小程序项目的根目录 执行 npm init

    • PS:如果不进行 npm init,在构建 npm 的时候会报没有找到 node_modules 目录错误
  3. 执行 npm install 第三方包名称 --save --production

    • PS:此处请务必使用--production 选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。

    • eg: npm install vant-weapp --save --production

  4. 打开微信开发者工具, 点击开发者工具中的菜单栏:工具 --> 构建 npm

    • PS: 此时会生成一个 miniprogram_npm 文件夹
      构建npm
  5. 勾选“使用 npm 模块”选项
    使用npm模块

posted @ 2019-04-02 15:46  coder0122  阅读(2691)  评论(0编辑  收藏  举报