降低 less-loader
时间: 2023-10-11 08:07:41 浏览: 85
less离线安装包
要降低 less-loader 的使用成本,可以尝试以下方法:
1. 将 less-loader 升级到最新版本,以便获得更好的性能和 bug 修复。
2. 在不需要使用 less 的文件中禁用 less-loader,可以通过在 webpack 配置中使用 exclude 字段实现。
3. 在使用 less-loader 时,尽可能使用 less 的功能和特性,而不是使用 CSS 的等效方式。例如,使用 less 变量、mixin 和嵌套,则可以减少 CSS 冗余代码,提高代码可读性和维护性。
4. 使用 PostCSS 替代 less-loader,PostCSS 可以在构建过程中自动转换 CSS,并且具有更好的性能和可扩展性。
5. 开启缓存,可以避免重复编译,提高构建速度。可以使用 cache-loader 或者 hard-source-webpack-plugin 来实现缓存。
6. 可以使用 externals 将 less-loader 从打包文件中分离出来,以减少打包后的文件大小。
阅读全文