megane9988
12/16/2013 - 4:01 AM

gruntことはじめ

gruntことはじめ

/*global module:false*/
module.exports = function(grunt) {
  grunt.initConfig({
  //ここから下に機能を分けて書くよ
  
  // ベンダープレフィックスをつける機能 autoprefixer -------------------------
    autoprefixer: {
      options: {
      },
      concat: {
        src: 'style/*.css',  // ここにあるcssファイル全部を
        dest: 'pre/pre.css'  // ここに合体させてプレフィックスをつけて保存
      }
    },

  // 改行など全部とっぱらう機能 csso -------------------------
    csso: {
      dist: {
        files: {
          'style.css': ['pre/pre.css']
        }
      }
    }
    
  // ここまでで機能の登録終わり -------------------------
  });
  
  

  // ここから上に書いた機能をGrantさんにロードしてもらうようにするよ
  grunt.loadNpmTasks('grunt-csso');
  grunt.loadNpmTasks('grunt-autoprefixer');


  // 続いて、grunt とコマンドを叩いた時に行う振る舞いを書くよ
  // 下記の場合、grunt と打つとautoprefixerとcssoが一緒に動くよ
  grunt.registerTask('default', ['autoprefixer','csso']);
};