微信小程序需要构建做什么

由于小程序更新迭代速度很快，而且我们的技术栈是 react 全家桶，所以在对比 wepy 和 mpvue 之后，我们选择了直接使用原生小程序。

工具/原料

Gulp 构建

微信小程序开发工具

对比

1、对比 wepy 和 mpvue图如下：

3、既然不能使用从一个源目录（src）到一个目标目录（dev/dist），那就只好在源目录就地解决了。

源目录解决方案

1、对于图片来说，压缩完了直接替换原图是没什么问题的。对于 CSS 预编译来说，如使用 postcss，从 CSS 文件到 WXSS 文件比较好解决。但是又引出了两个新问题：CSS 文件最好是不要打包发布。最好避免误修改 WXSS 文件，而是直接修改 CSS 文件。第一个我们可以在项目配置文件中设置上传代码的时候过滤 CSS 文件；第二个我们可以在 VSCode 编辑器中隐藏 WXSS 文件，避免误操作。

2、To Base64既然有了构建，当然希望还能把一些缺失的能力补上。如 background 不支持本地图片。对于这个 postcss 也有相关的插件能解决：background-image

代码配置

1、最后贴上相关的代码配置。