2

使用しているプラ​​グインと個別のスタイル シートからのさまざまな css がたくさんあり、それらすべてを結合して縮小するタスクを構築しようとしています。今、私は cssmin でこれをやろうとしていますが、これが初めての試みなので、正しい道を進んでいるかどうかはわかりませんが、ここに私がしようとしていることがあります。

cssmin: {
      target: {
        files: {
            'css/output.css': ['css/*.css', 'css/*.min.css']
        },
        files: [{
          expand: true,
          cwd: 'css',
          src: ['css/output.css'],
          dest: 'build/css',
          ext: '.min.css'
        }]
      }
    }

アイデアは、css フォルダー内のすべての css および min.css ファイルを取得し、それらを 1 つの output.css に結合してから、そのビルド/css を min.css ファイルとして縮小するというものです。これがどのように機能するかはよくわかりませんが、これは私の最初の試みです。基本的な考え方は、すべてを結合して、タスクの下部にある 1 つのファイルに縮小することです (auto プレフィックスを付けて uncss を使用してブートストラップを削除した後)。ガイダンスをいただければ幸いです。これは正しい方向ですか? これは正しく機能していないようですので、助けていただければ幸いです。

読んでくれてありがとう！

4

2 に答える 2

4

よくわかりません...しかし、これは私にとってはうまくいき、コードの grunt.registerTask 行に cssmin タスクを含めるだけで済みます。すでに縮小されているバージョンを除いて、自動接頭辞が付けられたすべての .css を縮小し、それらを 1 つの大きな縮小スタイルシートに結合します。それが役立つことを願っています^^

cssmin: {
  minify: {
    files: [{
      expand: true,
      cwd: 'src/styles',
      src: ['**/*.css', '!**/*.min.css'],
      dest: 'public/assets/styles',
      ext: '.min.css'
    }]
  },
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  combine: {
    files: {
      'public/assets/styles/style.css': ['!public/assets/styles/**/*.min.css', 'public/assets/styles/**/*.css']
    }
  }
}
于 2015-06-08T10:05:47.650 に答える