How to combine file and not minify them using grunt

Question

I have the following grunt file:

module.exports = function(grunt) {

  grunt.initConfig({
    cssmin: {
      options: {
        shorthandCompacting: false,
        roundingPrecision: -1
      },
      target: {
        files: {
          'css/output.css': ['css/one.css', 'css/two.css']
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.registerTask('default', ['cssmin']);

};

just started using grunt.js today and just had a look at the documentation and the examples , i am using the following plugin:

CSS-CONTRIB-MIN

Now, My files get minifined into one , but what i really want is for them to only be combined into one and not minified. how do i achieve that ?

Answer 1

You should use the grunt-contrib-concat plugin for this task. Take a closer look at the GitHub documentation on how to configure the task (eg separator, banner, ...)

grunt.initConfig({
  concat: {
    dist: {
      src: ['css/one.css', 'css/two.css'],
      dest: 'css/output.css',
    },
  },
});