临沂建设规划局网站,熊出没网页设计代码大全,建设一个企业网站一般多少钱,彩票网站制作找谁目录 项目配置文件配置 sass 项目配置文件
在创建项目的时候#xff0c;每个项目的根目录生成两个 config.json 文件#xff08;project.config.json 和 project.private.config.json #xff09;#xff0c;用于保存开发者在工具上做的个性化配置#xff0c;例如和编译有… 目录 项目配置文件配置 sass 项目配置文件
在创建项目的时候每个项目的根目录生成两个 config.json 文件project.config.json 和 project.private.config.json 用于保存开发者在工具上做的个性化配置例如和编译有关的配置。当重新安装微信开发者工具或者换电脑工作时只要载入同一个项目的代码包开发者工具就会自动恢复到当时开发项目时的个性化配置 为什么微信开发者工具要提供两个 project.config.json 呢因为在团队开发中A 同学需要进行个性化的配置B 同学也需要进行个性化的配置如果我们项目中只有一个 project.config.json 文件这时候两个人的改动都会同步到同一个 json 文件中这时候就容易产生冲突影响团队开发。为了解决这个问题微信开发者工具提供了两个 config.json 文件这两个 config.json 文件都可以对项目进行配置只不过它们的使用场景是不一样的
project.config.json项目配置文件常用来配置公共的配置project.private.config.json项目私有的配置常用来配置个人的配置
注意事项
project.private.config.json 写到 .gitignore 避免版本管理的冲突与最终编译结果有关的设置必须设置到 project.config.json 中
具体的项目配置文件用法可以参考官方文档下面我们打开微信开发者工具来演示一下具体使用
先打开根目录下的 project.private.config.json 和 project.config.json 两个文件如果需要进行项目的设置 需要点击右上角的【详情】按钮然后点击【本地设置】在【本地设置】中都是对项目进行设置的选项我们挑一些进行说明
将 JS 编译成 ES5在开发项目的时候有可能会编写一些新版本的 JS 代码考虑到兼容性问题我们需要将一些新版本的 JS 代码转换为 ES5 代码我们可以把 【将 JS 编译成 ES5】复选框勾选上就能进行编译当我们勾选这个选项时它会把代码编译为 ES5 格式会影响最终编译当我们对这个属性进行修改之后属性值会保存在 project.config.json 文件中而不是 project.private.config.json 文件不校验合法域名是否对项目的接口地址进行验证它不会影响项目的编译所以切换属性之后不会影响项目所以对这个属性的修改会保存到 project.private.config.json 文件中
配置 sass
sass 用于编写 css 样式会影响项目的最终编译因此需要填写在 project.config.json 文件中在 project.config.json 文件的 setting 字段中添加一个新的属性useCompilerPlugins: [ sass ]
点击保存之后我们需要将页面文件夹中以 .wxss 后缀结尾的文件修改为以 .scss 结尾比如在 cate 页面文件夹中将 cate.wxss 修改为 cate.scss如下 将 .wxss 文件修改为 .scss 之后在 cate.scss 文件中添加样式数据将 text 的样式进行修改修改后保存并重新进入 cate 分类页面可以发现文字变红了 参考视频尚硅谷微信小程序开发教程