腕時計とは異なる仕事を請う

Question

私は大胆なプロジェクトをしています。私は盛りと玉を一緒に使っています。私は、トラブルシューティングのためにスタイルを拡張する場所を開発するときには、ぼんやりとした作業をしたいと思います。プロジェクトを終了してからスタイルを圧縮する作業です。私はつぶやきに新しいですし、それを行う方法を知らない。

マイgruntfile

module.exports = function(grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 

     jade: { 
      compile: { 
       options: { 
        pretty: true, 
        nospawn: false 
       }, 

       files: { 
        'index.html' : 'src/index.jade' 
       } 
      } 
     }, 

     sass: { 
      dist: { 
       options: { 
        style: 'expanded', 
        nospawn: false 
       }, 

       files: { 
        'build/css/app.css' : 'src/sass/app.sass' 
       } 
      } 
     }, 

     watch: { 
      jade: { 
       files: 'src/**/*.jade', 
       tasks: ['jade'] 
      }, 

      css: { 
       files: 'src/sass/**/*.sass', 
       tasks: ['sass'] 
      }, 

      options: { 
       livereload: true, 
       nospawn: false 
      } 
     }, 

     connect: { 
      server: { 
       options: { 
        port: 9000, 
        base: '.', 
        hostname: '0.0.0.0', 
        protocol: 'http', 
        livereload: true, 
        open: true 
       } 
      } 
     } 
    }); 

    grunt.loadNpmTasks('grunt-contrib-jade'); 
    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-contrib-connect'); 

    grunt.registerTask('default', ['connect', 'watch']); 
}; 

Answer 1

（そうsass:{})内、例えばfinish:それを呼び出すと、圧縮設定を変更します。

圧縮CSSを取得するために、代わりに拡大し、あなたが最初に別のSASS-タスクを作成する必要があります

それは次のようになります。そして、

finish: { 
    options: { 
      style: 'compressed', 
      nospawn: false 
      }, 

    files: { 
      'build/css/app.css' : 'src/sass/app.sass' 
      } 
} 

をgrunt.registerTask('default', ['connect', 'watch']);後あなたは次のような別のタスクを追加できます： grunt.registerTask('finish', ['sass:finish']);

実行するには、コマンドラインでgrunt finishと入力します。