Установка UnCSS с Brunch

Question

Использование Brunch в качестве моего встроенного инструмента для прототипа интерфейса, мне сложно установить UnCSS -plugin. Я установил Bootstrap 4 -skeleton для быстрой настройки, и кроме 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 из сборки, и в этом случае пути кажутся правильными.

Существует a question on SO с 2014 года, прося почти то же самое, но на него никогда не отвечали.

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-файл, а затем обрабатывает его.