在小程序中使用npm包

  1. 如果小程序中是第一次使用npm,是没有package.json文件的,所以直接npm install --production就会告诉你,没有什么可安装的,就不会创建node_modules文件夹,所以一定要先npm init,初始化npm;
  2. 如果小程序中已经有package.json文件,直接npm install --production就可以了;
  3. 如果想引入哪一个npm包时,直接npm install (包名称) --production就可以了;
  4. 在引入npm包以后,要记得构建npm和允许使用npm:构建的位置在小程序开发工具–>工具 --> 构建 npm ,允许使用npm,在小程序开发工具–>详情–> 使用npm模块;
  5. 在小程序中使用引入的npm包时,需要先在.js中请求/导入这个文件,请求/导入方法为:
 const 变量名 = require('npm包名称');//方法1
import { 变量名 } from 'npm包名称' //方法2
  1. 如果是一个方法的话,直接在js文件中使用就可以了,如果是一个组件的话,需要在.json文件中添加自定义组件配置,然后直接使用组件就可以了:
{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

使用–production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。
并不强制要求 node_modules 必须在小程序根目录下,也可以存在于小程序根目录下的各个子目录中。但是不允许 node_modules 在小程序根目录外。

猜你喜欢

转载自blog.csdn.net/Rob_gao/article/details/83651737