0

CSS 縮小プロセスを自動化するために、gruntとcssminを使い始めたところです。これは最初は問題なく機能しますが、後でファイルの内容が上書きされるのではなく、縮小されたファイルに追加され、複製されたファイルのサイズがどんどん大きくなります!!

私の gruntfile.js ファイルの内容は次のとおりです。

module.exports = function (grunt) {
    grunt.initConfig({

    // define source files and their destinations
    cssmin: {
        target: {
            files: [{ 
                src: ['assets/front/css/*.css', '!*.min.css'],  // source files mask
                dest: 'assets/front/css/',    // destination folder
                expand: true,    // allow dynamic building
                flatten: true,   // remove all unnecessary nesting
                ext: '.min.css'   // replace .css to .min.css
            }],
        }
    },
    watch: {
        css:  { files: 'assets/front/css/*.css', tasks: [ 'cssmin' ] },
    }
});

// load plugins
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-cssmin');

// register at least this one task
grunt.registerTask('default', [ 'cssmin', 'watch' ]);


};

どこで間違いを犯しているのか、アドバイスしてください。

4

1 に答える 1

1

GitHub のこの問題は関連していると思います。そこでは、2 つの解決策が議論されました。

1)縮小する前にcleanを使用します。

   clean: ['your_path/css/*.min.css', '!your_path/css/*.css'],
   cssmin: {
      minify: {
        expand: true,
        cwd: 'your_path/css/',
        src: ['*.css'],
        dest: 'your_path/css/',
        ext: '.min.css'
      }
    }

2) 次のように、*/**.css パスではなく、絶対ファイル パスを使用します。

cssmin: {
  combine: {
    files: {
      'path/to/output.css': ['path/to/input_one.css', 'path/to/input_two.css']
    }
  }
}
于 2016-01-20T04:40:24.470 に答える