【发布时间】:2017-12-30 22:19:56
【问题描述】:
我认为这应该是可能的,虽然不知道,我使用“gulp”和“webpack”之类的工具来捆绑资产文件,但是是否有任何工具可以从 css 中提取必要的 css 类,只有正在使用的类文件并打包。
【问题讨论】:
标签: css node.js npm gulp webpack-style-loader
我认为这应该是可能的,虽然不知道,我使用“gulp”和“webpack”之类的工具来捆绑资产文件,但是是否有任何工具可以从 css 中提取必要的 css 类,只有正在使用的类文件并打包。
【问题讨论】:
标签: css node.js npm gulp webpack-style-loader
您要查找的内容称为摇树,通常它已经在使用 webpack 的构建过程中完成,
您可以安装 this plugin 用于特定于 css 的摇树,或者您可以查找更多信息 here 关于它如何与 javascript 一起工作(类似的事情发生在 css 中)
【讨论】:
在 Gulp 中有一个叫做 Uncss 的包
https://github.com/ben-eb/gulp-uncss
还有一个可用于 Firefox 的插件
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
这将帮助您删除未使用的 css
【讨论】:
看看 tree shaking,有几个是针对特定 css 的。
【讨论】: