5

css をuncssで削除しようとしていますが、 ignore配列にリストされているかどうかに関係なく、すべてのスタイルを削除しています。

比較したい 2 つのファイルは、インデックスと、javascript に埋め込まれたすべてのテンプレートを文字列として含む app.min.js です。これらは$templateCacheを使用して構成されます。

grunt タスクを見てください。おそらく、私が見逃していることは明らかです。

uncss:{
    production: {
        options: {
            ignore: ['.someclass', '.someclass', '.someclass','.etc_etc_class'],
            stylesheets:['app.min.css']
        },
        files: {
            'dist/app.min.css':['dist/index.html','dist/app.min.js']
        }        
    }
}

どんなコメントでも大歓迎です！

4

1 に答える 1

0

stylesheets オプションには、ルート ディレクトリを基準とした css ファイルの絶対パスが必要です。したがって、ファイルが dist/ にある場合は、それを stylesheets オプションに追加します。

例えば：

uncss: {
  dist: {
    options: {
      ignore       : ['#added_at_runtime', /test\-[0-9]+/],
      media        : ['(min-width: 700px) handheld and (orientation: landscape)'],
      raw          : 'h1 { color: green }',
      stylesheets  : ['lib/bootstrap/dist/css/bootstrap.css', 'src/public/css/main.css'],
      ignoreSheets : [/fonts.googleapis/],
      urls         : ['http://localhost:3000/mypage', '...'], // Deprecated
      timeout      : 1000,
      htmlroot     : 'public',
      report       : 'min'
    },
    files: {
      'dist/css/tidy.css': ['app/index.html', 'app/about.html']
    }
  }
}

参照: https://github.com/addyosmani/grunt-uncss

于 2015-01-15T19:29:13.200 に答える