小程序中使用npm

作者: 蓝鲸_029c | 来源:发表于2019-06-11 11:15 被阅读0次

运行命令 npm install --production
-- node_modules必须在小程序根目录下，也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外（建议是在根目录执行）
-- 安装--production 目的是减少安装一些业务无关的包，从而减少整个小程序的大小。
-- 可以用cnpm
-- 我这里是在根目录下运行

image.png

根据官网步骤执行命令出现一下问题

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

image.png

此时目录中仅多出两个文件

image.png
3.打开开发者工具

image.png

这里js-base64模块为例

npm install js-base64 -S --priduction

image.png

这是目录中会出现 node_modules这个目录

image.png

点开以后会发现有我们已经下载的js-base64模块

image.png

这时候打开微信开发工具点击上方菜单 “ 工具 => 构建 npm” 即可生成miniprogram_npm文件夹

image.png

6.我们找个页面试一下打印一下是否能够正常使用

image.png
如果引用ui库组建的话，以vant-ui为例，以上过程都相同，在组件引用的时候

image.png
image.png
image.png