【微信小程序知识点】自定义构建npm

在实际开发中,随着项目的功能越来越多,项目越来越复杂,文件目录也变得很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行优化调整,例如:将小程序源码放到miniprogram目录下。

(1)新建miniprogram,并把跟源码有关的代码放进去

(2)在project.config.json中配置路径源码路径

(3)在终端输入npm init -y 生成package.json管理包文件

(4)在终端输入npm i @vant/weapp下载vant组件库。并在package.json中可以看到下载的版本

(5)配置project.config.json的setting.packanNpmManually为true,目的是开启自定义node_modeules和miniprogram_npm位置

(6)配置 project.config.json的setting.packNpmRelationList项,指定packageJsonPath和miniprogramNpmDistDir的位置

(7)构建npm包

打开微信开发者工具,点击 工具 -> 构建 npm 。miniprogram_npm包就出现在了指定的位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

23#.lsy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值