【无标题】微信小程序使用npm，（以vant为例）

1、新建一个小程序项目，在【终端】输入 npm init

执行完后，会生成package.json文件

2、npm i @vant/weapp
出现 node_modules 文件夹

3、【工具】——【构建npm】
出现miniprogram_npm

4、修改project.config.json

“packNpmRelationList”: [
{
“packageJsonPath”: “./package.json”,
“miniprogramNpmDistDir”: “./miniprogram/”
}
],

5、引入样式文件
@import ‘./miniprogram_npm/@vant/weapp/common/index.wxss’;

6、使用一个button为例
在index.json文件中配置

“usingComponents”: {
“van-button”: “@vant/weapp/button/index”
}