随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,在项目中,我们就需要将小程序源码放到miniprogram 目录下。
自定义构建
-
首先在
project.config.json
配置miniprogramRoot
选项,指定小程序源码的目录然后配置project.config.json
的setting.packNpmManually
为true
,开启自定义 node_modules 和 miniprogram_npm 位置的构建 npm 方式 -
最后配置 project.config.json 的
setting.packNpmRelationList
项,指定packageJsonPath
和miniprogramNpmDistDir
的位置 -
-
packageJsonPath 表示 node_modules 源对应的 package.json
-
miniprogramNpmDistDir 表示 node_modules 的构建结果目标位置
-
-
安装
vant
,然后进行npm 构建
,测试是否能够正常vant
构建成功npm i @vant/weapp
📌 注意:
配置后如果没有生效,需要 [ 重启微信开发者工具 ] ❗ ❗
集成 Sass
在 project.config.json
文件中,修改 setting
下的 useCompilerPlugins
字段为 ["sass"]
,即可开启工具内置的 sass 编译插件。
-
、
-
-