微信小程序学习12--在小程序中使用npm

npm包用法

npm基本用法

小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中,或者使用小程序支持的 npm 功能。

# 初始化
$ npm init -y
# 安装 mime 模块
$ npm install mime
// pages/index/index.js
// 直接不会导入成功!
const mime = require('mime');
  • 小程序默认不支持 npm 的模块,必须经过小程序工具构建后才可以使用,如下图所示:

微信小程序学习12--在小程序中使用npm_第1张图片

微信小程序学习12--在小程序中使用npm_第2张图片

  • 这时工具会自动根据 package.json 的依赖关系对 node_modules 中的模块进行构建,然后将构建后的模块拷贝到 miniprogram_npm 目录中,如下图所示:

微信小程序学习12--在小程序中使用npm_第3张图片

// pages/index/index.js
// 当通过小程序开发工具进行构建后,才可以将 npm 模块导入,这时导入的是 miniprogram_npm 中的模块
const mime = require('mime');

你可能感兴趣的:(前端,小程序,小程序,使用npm模块,构建npm,npm)