如何从代码库中摇晃未使用的样式

Question

我想从我的代码库中删除所有未使用的CSS规则。我的代码大部分是这样的：

  

index.js（导入同级styles.css-并与withStyles绑定）
  styles.css（具有适用于同级index.js文件的CSS规则）

是否可以在从相应的CSS文件创建的javascript文件中进行基于正则表达式的搜索

Answer 1

您可以使用（https://github.com/webpack-contrib/purifycss-webpack）插件来完成。

更新

lib作者推荐https://github.com/FullHuman/purgecss-webpack-plugin 这个包而不是purifycss

Answer 2

Chrome DevTools CSS Coverage

并非完全符合您的需求，但可能会有所帮助