如何优化老旧的微信小程序项目

小程序开发中如果接收到非常复杂而且大的小程序,我们应该如何优化呢?

大量静态资源文件或者 js、wxml、wxss,大部分可能都没有被使用到,无形中给维护的同学添加了很多负担。

有的模块或者文件特别大,但又不能每天检查一遍。

开始分析:


$ npm i weapp_fc -g

$ mkdir weapp_tmp

$ weapp_fc - d 小程序根目录

控制台会打印出可能存在的问题,比如:

  • js 模块引入路径是否为相对路径

  • css @import 路径

  • 空文件

  • wxml 中属性为空

  • wxml 中 src 属性的 value 如果是文件判断其是否存在

  • 静态资源文件是否被使用的检查 (不是很准确)

答疑 :

为什么使用 miniprogram_npm 中的文件也提示该文件不存在:

原因:引用 miniprogram_npm 文件少写了一个 path 虽然很方便,但对于后来的维护者可以说是很痛苦的!

比如经常会有同学使用 webpack 是非常喜欢使用 @/module/demo 觉得很优雅,但想象一下后面维护的人可能只是修改一个小功能,正好需要找这个文件。可能找这个路径就找半天。

如果你喜欢我的作品,请考虑赞助,以保持它们的可持续性。

本作品采用《CC 协议》,转载必须注明作者和本文链接