如何在小程序开发中使用npm

构建npm

打开“使用npm模块”（右上角的详细信息-本地设置-选中“使用npm-module”）

使用npm模块

初始化npm

npm初始化-y

此命令可以快速创建包。json文件

初始化npm

安装npm包

开发工具有自己的终端功能。以微信官方微ui为例，输入：

npm i weui迷你程序

此时，NPM仅安装在项目中，但尚未在小程序中真正生效

韦伊

小程序构建npm

当前位置：工具栏->工具->构建npm

构建npm

构建npm

构建后，项目根目录生成miniprogram_npm文件夹，这是小程序实际使用的npm目录

目录

注意：每次安装新的npm包时，都必须在applet中重建npm

使用npm，以weii为例

应用内介绍weui。将wxss转换为wxss

@导入“/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss”；

将组件添加到页面或全局json文件

{

“使用组件”：{

“mp dialog”：“/miniprogram_npm/weui miniprogram/dialog/dialog”

}

}

直接在wxml中使用此组件

测试内容

图像.png

使用扩展库

官方扩展库相当于引入了与相应扩展库相关的npm包的最新版本，不占用小程序的包量。目前不支持委外加工中的参照。

当前支持以下项目：

kbone:

weui：

在app中介绍。json文件：

{

“使用扩展库”：{

“kbone”：真，

“weui”：真

}

}