自定义构建 npm + 集成Sass

随着项目的功能越来越多、项目越来越复杂，文件目录也变的很繁琐，为了方便进行项目的开发，开发人员通常会对目录结构进行调整优化，在项目中，我们就需要将小程序源码放到miniprogram 目录下。

自定义构建

1. 首先在project.config.json 配置 miniprogramRoot 选项，指定小程序源码的目录然后配置 project.config.json 的 setting.packNpmManually 为 true，开启自定义 node_modules 和 miniprogram_npm 位置的构建 npm 方式

2. 最后配置 project.config.json 的 setting.packNpmRelationList 项，指定 packageJsonPath 和 miniprogramNpmDistDir 的位置

3. • packageJsonPath 表示 node_modules 源对应的 package.json

   • miniprogramNpmDistDir 表示 node_modules 的构建结果目标位置

4. 安装 vant ，然后进行 npm 构建，测试是否能够正常 vant 构建成功

   npm i @vant/weapp

📌 注意：

配置后如果没有生效，需要 [ 重启微信开发者工具 ] ❗ ❗

集成 Sass

在 project.config.json 文件中，修改 setting 下的 useCompilerPlugins 字段为 ["sass"]，即可开启工具内置的 sass 编译插件。

1.  、

2.  

3. 

 

1.