从反应项目中的引导程序等框架中删除未使用的 CSS 类答案

【问题标题】：Remove unused CSS classes from frameworks like bootstrap in a react project从反应项目中的引导程序等框架中删除未使用的 CSS 类
【发布时间】：2020-02-01 01:55:17
【问题描述】：

我们目前正在使用 webpack 和 babel 开发一个 react 项目，并希望自动删除我们使用的 CSS 框架 Bootstrap 和 AdminLTE 2 中未使用的 CSS 类。

在项目中我们使用 webpack (v4.41.0)、babel (v7.6.2) 和 react (16.10.1)。为了使用 CSS 类，我们使用了使用 css 模块的 babel 插件 babel-plugin-react-css-modules。

什么是现代和现代的方式来做到这一点？

【问题讨论】：

github.com/FullHuman/purgecss-webpack-plugin
@djfdev 我已经看过 purgecss 和 purifycss 并且不确定它们是否与 babel-plugin 一起正常工作-react-css-modules。此外，purifycss 的最后一次提交是在 2018 年 3 月 18 日。

标签： javascript reactjs webpack babeljs babel-plugin-react-css-modules

【解决方案1】：

正如 djfdev 已经写的那样 purgecss 工作得很好：purgcss 只是在所有 JavaScript 文件中搜索使用的 CSS 文件中出现 CSS class strings 并删除那些找不到的。

【讨论】：

链接好像失效了
这个正则表达式现在在这个文件中：https://github.com/FullHuman/purgecss/blob/master/packages/purgecss/src/options.ts#L6