小程序 step_5-npm

最新推荐文章于 2024-09-13 14:17:40 发布

原创最新推荐文章于 2024-09-13 14:17:40 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

13 篇文章

订阅专栏

本文介绍了小程序使用 npm 包的方法，包括安装包、使用开发者工具构建 npm 并勾选使用模块。还提到了 JS 模块包和小程序组件库的使用。同时解释了构建 npm 的原因，如 node_modules 不参与打包等，构建后会生成 miniprogram_npm 目录存放真正使用的 npm 包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 npm 包

安装包
使用小程序开发者工具：工具—》构建 npm
勾选使用 npm 模块
构建完成之后即可使用 npm 包(小程序官方 weUI 库构建 NPM 时候速度快，并且暂时没有发现 bug)

JS 模块包

直接 require

小程序组件库

{
  "usingComponents": {
    "myPackage": "packageName",
    "package-other": "packageName/other"
  }
}

为什么会有构建 npm 这一步？

1.node_modules目录不会参与打包，编译，上传
2.构建完毕后，在小程序根目录下会生成一个miniprogram_npm目录，与 node_modules 平级，里面存放打包构建好的 npm 包，也就是小程序真正使用的 npm 包
3.小程序 npm 包会直接拷贝至miniprogram_npm，其他 npm 包则会由入口，根据依赖关系进行打包的过程