-
运行命令 npm install --production
-- node_modules必须在小程序根目录下，也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外 （建议是在根目录执行）
-- 安装--production 目的是减少安装一些业务无关的包，从而减少整个小程序的大小。
-- 可以用cnpm
-- 我这里是在根目录下运行
image.png
npm WARN saveError ENOENT: no such file or directory, open 'D:\2019WORK\carLife
package.json'npm WARN enoent ENOENT: no such file or directory, open 'D:\2019WORK\carLife\package.json'
npm WARN carLife No description
npm WARN carLife No repository field.
npm WARN carLife No README data
npm WARN carLife No license field.
解决方案： 在当前目录npm init 一下 就可以了
2.再次执行npm install --production
此时目录中仅多出两个文件
3.打开开发者工具
- 这里js-base64模块 为例
npm install js-base64 -S --priduction
这是目录中会出现 node_modules这个目录
点开以后会发现有我们已经下载的js-base64模块
-
这时候打开微信开发工具 点击上方菜单 “ 工具 => 构建 npm” 即可 生成miniprogram_npm文件夹
image.png
6.我们找个页面试一下 打印一下是否能够正常使用
image.png -
如果引用ui库组建的话，以vant-ui为例， 以上过程都相同，在组件引用的时候
image.png
image.png
image.png
可以 同样好用
完成
贴出官网地址，在官网的最下方还介绍了关于npm包发不得流程以及约束
https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
