Question

使用Brunch作为前端原型的构建工具，我在设置UnCSS - 插件时遇到了困难。我安装了Bootstrap 4 - 骨架进行快速设置，除了UnCSS之外，一切都运行顺畅。

我在brunch build --production上遇到的错误是error: UnCSS: no stylesheets found。我配置了这样的插件：

  plugins:
    sass:
      options:
        includePaths: [
          'bower_components/bootstrap/scss'
        ]
    postcss:
      processors: [
        require('autoprefixer')
      ]
    babel:
      ignore: [
        /^(bower_components|vendor)/
      ]
    uncss:
        options:
            csspath: 'css/app.css'
            htmlroot: 'public'
        files: ['index.html']

项目的源文件位于app中的index.html：app/assets，main.scss（导入Bootstrap）和styles.css app/stylesheets }和app.js中的app/javascripts。

Brunch将此构建到名为public的文件夹，其中样式位于public/css/app.css，内容位于public/index.html。问题是，UnCSS的配置有什么不正确之处？我对它的理解是，它适用于构建的CSS输出，在这种情况下，路径似乎是正确的。

2014年有a question on SO提出了几乎相同的问题，但它从未得到过回答。

Answer 1

我没有考虑过查看GitHub问题，其中one specifically addressed this。实质上，正如@1951FDG所建议的那样：

  plugins:
    uncss:
      options:
        ignore: [/\.\bactive\b/]
        ignoreSheets: [/fonts.googleapis/]
      files: ['public/index.html']

忽略：示例正则表达式忽略'.active'类

ignoreSheets：示例正则表达式忽略Google字体

更重要的是，这次UnCSS调用会读取index.html中链接的样式表，以找到正确的CSS文件，然后对其进行处理。

UnCSS设置早午餐

1 个答案: