twitter-bootstrap - 可以使用 React-bootstrap 进行 PurgeCSS 吗?

标签 twitter-bootstrap gatsby react-bootstrap css-purge

我有一个带有 react-bootstrap、bootstrap 和 scss 设置的 gatsby 站点,我正在尝试清除我未使用的 css。为此,我需要使用 purgeCss,但它不能按需要工作。似乎它无法捕获我在页面中使用的 react-bootstrap 组件中的类。我阅读了文档,尝试了一些修复,但没有任何效果。有人能帮我吗 ?

最佳答案

设置 PurgeCSS允许 react-bootstrap我用过的类(class):

purgeCss: {
    whitelist: () => ['html', 'body', 'collapse', 'collapsing'],
    whitelistPatterns: () => [/modal*/, /accordion*/, /card*/],
    whitelistPatternsChildren: () => [/modal*/, /accordion*/, /card*/]
},

关于twitter-bootstrap - 可以使用 React-bootstrap 进行 PurgeCSS 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62279045/

相关文章:

reactjs - 使用 GatsbyJS 时,google 如何知道要抓取哪些页面

css - 如何使模块 css 在 gatsby 应用程序中与 typescript 一起使用?

reactjs - 在 React-bootstrap 的 OverlayTrigger 放置属性上使用字符串变量时出现问题

css - Bootstrap 4 列布局对齐问题 - 嵌套列换行

html - Bootstrap 列网格,最小高度

javascript - 防止折叠在模态打开时崩溃

javascript - 其余参数在我的 react 引导组件中产生错误?

twitter-bootstrap - eonasdan bootstrap 3 日期时间选择器

javascript - 尝试使用 DatoCMS 和 Gatsby JS 按位置对 graphQL 进行排序

javascript - 我们可以将纯 Bootstrap 与 React.js 一起使用吗?