微信小程序NPM踩过的坑

374 阅读1分钟

NPM在使用之前,需要先进行以下操作: 1、在终端命令行输入:“npm init -y”生成package.json文件,如下图所示:

截屏2021-11-30 15.32.42.png 2、修改project.config.json文件中的“packNpmManually”和“packNpmRelationList”字段,如下图所示:

截屏2021-11-30 15.34.10.png "packNpmManually"默认的值为false,需要改为true,"packNpmRelationList"默认为空数组,需要配置package.json的路径和构建npm之后构建内容需要保存的目录,默认为小程序的根目录下即可; 3、点击开发工具右上角的“详情”,然后勾选"npm"即可,如下图所示:

截屏2021-11-30 15.38.03.png 4、点击开发工具上的“工具”,然后选择“构建NPM”,就会自动生成“miniprogram_npm”目录,如下图所示:

截屏2021-11-30 15.40.04.png

截屏2021-11-30 15.41.03.png 5、然后再项目中引用即可,如下图所示:

截屏2021-11-30 15.42.05.png

6、每次引入新的第三方库,都需要重新执行一次“构建NPM”.