美文网首页微信小程序 (applet of WeChat)
微信小程序使用 NPM 包 (JavaScript 语言)

微信小程序使用 NPM 包 (JavaScript 语言)

作者: Rising_life | 来源:发表于2019-07-22 10:35 被阅读0次

npm 支持

从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。

以 vant-weapp 为例

一、安装第三方npm包

在小程序工程的根目录下打开终端执行安装命令:

npm i vant-weapp -S --production

vant-weapp  安装

二、构建 npm

保证微信开发者工具为最新版本(必需);

1、在右上角 详情 =》本地设置 中勾选 使用 npm 模块

2、工具栏中构建 npm

构建完成后会给提示

这一步完成之后你会看到跟node_modules同级多了一个文件夹 miniporgram_npm

注:微信开发者工具 将 node_modules 隐藏,在根目录中可查看。

三、引用模块

需要在 app.json 或 index.json 或 其他页面 .json 文件中配置 Button 对应的路径。

app.json 为全局引入,index.json 为局部引入,根据自身需要引入即可。

js 中引入 npm 包:

const myPackage = require( ' packageName ' );

const packageOther = require( ' packageName/other ' );

四、使用组件

引入组件后,可以在 wxml 中直接使用组件

相关文章

网友评论

    本文标题:微信小程序使用 NPM 包 (JavaScript 语言)

    本文链接:https://www.haomeiwen.com/subject/divslctx.html