1.默认情况下项目目录的最外层是小程序的根目录,通过 project.config.json 可以指定小程序的根目录,源代码统一放到src下(此时 / 指向了src下,分包除外 ),这样做的好处是能够优化目录结构,更好的管理项目的代码:
![](https://i-blog.csdnimg.cn/blog_migrate/3bcf276713505cbe4a1d6be06ec3c2c6.png)
2.小程序代码单独放到一个目录维护,这时候需要自定义项目根目录,同setting节点同级:
{
"setting": {
...
},
+ "miniprogramRoot": "src/"
}
miniprogramRoot 自定义小程序的根目录
3.如果项目中有npm依赖,也需要自定义npm目录,(把miniprogram_npm放在src下时,需要进行配置才可以正常构建npm):
{
"setting": {
- "ignoreDevUnusedFiles": false,
- "ignoreUploadUnusedFiles": false,
...
+ "packNpmManually": true,
+ "packNpmRelationList": [
{
+ "packageJsonPath": "./package.json",
+ "miniprogramNpmDistDir": "./src"
}
],
...
},
}
packNpmManually 启用 npm 构建手动配置
packNpmRelationList 手动构建 npm 配置详情:
packageJsonPath包管理文件位置
miniprogramNpmDistDir构建npm文件存储位置
4.小程序开启支持 sass
{
"miniprogramRoot": "src/",
"setting": {
"useCompilerPlugins": ["sass"],
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./src"
}
],
}
}
miniprogramRoot 项目的根目录为 src
setting.useCompilerPlugins 启用了 sass 支持
packNpmRelationList 指定了 npm 构建时所需的 package.json 的位置以及构建后代码的生成位置
当出现这个报错,需要将sitemap.json 移动到src目录下
![](https://i-blog.csdnimg.cn/blog_migrate/0b6f473134e69cddab98d67071d746c8.png)
ignoreDevUnusedFiles 和ignoreUploadUnusedFiles 点击链接了解