2017-08-24 8 views
0

私はこのgruntfileを数日間設定しようとしていましたが、設定方法に関する複数の文書を見て読んでいます。私はので、私はbashのに個々のコマンドを入力して個々のタスクを実行することができますそれを設定することができました:ちょっとしたタスクがjsファイルを見ていないのを待っています。

イサキuglify イサキSASS イサキcssmin

しかしイサキ時計は私のJSのいずれかを見ていないようですファイル

すべてがうまくいきますが、「watch」タスクの下ですべて実行しようとすると、jsファイルはすべて無視されます。私のコマンドラインは単に「待っています...」と読みます。私のjsファイルの内容を変更しても、更新は行われません。それは文字列などを探していることを私に伝え続けているので、私はまた、今のところプラグインを無効にしているので、私はまた、実行可能なjshintを実行していた。ここにファイルがあります:

module.exports = function (grunt) { 

    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    sass: { // Task 
     dist: { // Target   
     files: { // Dictionary of files 
      'assets/css/style.css': 'assets/scss/style.scss' 
      // 'destination': 'source' 

     } 
     } 
    }, 

    cssmin: { 
     options: { 
     banner: '/*\n <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") 
     %> \n*/\n' 
     }, 
     build: { 
     files: { 
      'assets/css/style.min.css': 'assets/css/style.css' 
     } 
     } 
    }, 
    uglify: { 
     options: { 
     banner: '/*\n <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") 
     %> \n*/\n' 
     }, 
     build: { 
     files: { 
      'assets/js/magic.min.js': ['assets/js/magic.js', 
      'assets/js/server.js', 'assets/js/script.js'] 
     } 
     } 
    }, 
    // configure jshint to validate js files ------------------------------- 
    // jshint: { 
    // options: { 
    //  reporter: require('jshint-stylish') 

    // }, 

    // // when this task is run, lint the Gruntfile and all js files in 
    src 
    // build: ['Gruntfile.js', 'assets/**/*.js'] 
    // }, 


    watch: { 

     // for stylesheets, watch css and less files 
     // only run less and cssmin stylesheets: { 
     files: ['assets/**/*.css', 'assets/**/*.less'], 
     tasks: ['sass', 'cssmin'] 
    }, 

    // for scripts, run jshint and uglify 
    scripts: { 
     files: 'assets/**/*.js', 
     tasks: 'uglify' 
    } 
    }); 
    // Default tasks 
    //grunt.loadNpmTasks('grunt-contrib-jshint'); 
    grunt.loadNpmTasks('grunt-contrib-uglify'); 
    grunt.loadNpmTasks('grunt-concurrent'); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-cssmin'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['uglify', 'cssmin', 'sass', 'watch']); 
}; 
+0

あなたの設定では何かが間違っています。lessとcssminスタイルシートだけを実行します。{{ –

答えて

1

私はあなたがこれをしたいと思いますか?

watch: { 
    stylesheets: { 
     files: ['assets/**/*.css', 'assets/**/*.less'], 
     tasks: ['sass', 'cssmin'] 
    }, 

    // for scripts, run jshint and uglify 
    scripts: { 
     files: 'assets/**/*.js', 
     tasks: 'uglify' 
    } 
    } 
関連する問題