为了快速开发,整理了前端常用样式文件a.css, b.scss
遇到2个页面:
复杂的页面A
简单的页面B
复杂的页面A,直接引入快速写,很节省时间。
但是遇到非常简单的页面B,顺手就import引入了。但是实际上造成了B页面写出来编译后的文件占用大小,跟A页面基本上一样大。 这种情况在微信小程序有限制项目最大上限的情况中,影响就会很大。
如果完全不用常用样式,又会让B页面开发时间拉长。
这种情况该如何取舍?
有没有按需引用的解决方案?(比如编译时未使用的css不编译进.wxss文件)
为了快速开发,整理了前端常用样式文件a.css, b.scss
遇到2个页面:
复杂的页面A
简单的页面B
复杂的页面A,直接引入快速写,很节省时间。
但是遇到非常简单的页面B,顺手就import引入了。但是实际上造成了B页面写出来编译后的文件占用大小,跟A页面基本上一样大。 这种情况在微信小程序有限制项目最大上限的情况中,影响就会很大。
如果完全不用常用样式,又会让B页面开发时间拉长。
这种情况该如何取舍?
有没有按需引用的解决方案?(比如编译时未使用的css不编译进.wxss文件)
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答4.9k 阅读✓ 已解决
5 回答2k 阅读
1 回答3.2k 阅读✓ 已解决
看样子 应该是 CSS-Tree-Shaking
可以看下这个 https://www.npmjs.com/package... 不过这个应该只能去打包静态分析 动态插入的样式标签shank不掉