1

フロントエンド プロトタイプのビルド ツールとしてBrunchを使用していますが、 UnCSSプラグインのセットアップに苦労しています。クイックセットアップのために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.htmlapp/assetsmain.scssstyles.cssapp/stylesheetsapp.jsapp/javascripts

Brunch はこれを という名前のフォルダーにビルドし、publicスタイルは にpublic/css/app.css、コンテンツは に格納しpublic/index.htmlます。問題は、UnCSS の構成について何が間違っているのかということです。私の理解では、ビルドからの CSS 出力で機能するということです。その場合、パスは正しいようです。

2014年からほぼ同じことを尋ねるSOに関する質問がありますが、回答はありませんでした。

4

1 に答える 1

1

私はGitHubの問題を見ることを考えていませんでした.1つは特にこれに対処しました. 本質的に、@ 1951FDGで提案されているように:

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

ignore: '.active' クラスを無視するサンプル正規表現

ignoreSheets: Google フォントを無視するサンプル正規表現

さらに重要なことに、この UnCSS の呼び出しは、リンクされたスタイルシートを読み取ってindex.html正しい CSS ファイルを見つけ、それを処理します。

于 2016-02-13T13:37:27.163 に答える