分类导航

Node.js 发布时间：2022-04-24 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了node.js – Grunt watch：只编译一个文件而不是全部，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有咕噜声设置将我的所有咖啡文件编译成 javascript并使用dynamic_mappings维护所有文件夹结构,效果很好.

coffee: {
  dynamic_mappings: {
    files: [{
      expand: true,cwd: 'assets/scripts/src/',src: '**/*.coffee',dest: 'assets/scripts/dest/',ext: '.js'
    }]
  }
}

我想要做的是使用watch来编译任何已更改的咖啡文件并仍然保持文件夹结构.这对于此监视任务使用上述任务：

watch: {
  coffeescript: {
    files: 'assets/scripts/src/**/*.coffee',tasks: ['coffee:dynamic_mappings']
  }
}

问题是,当一个文件发生变化时,它会将整个咖啡目录再次编译成Javascript,如果它只编译变成Javascript的单个咖啡文件就会很棒.这在Grunt中是否自然可行,或者这是一个自定义功能.这里的关键是它必须保持文件夹结构,否则它会很容易.

我们有自定义监视脚本在工作,我试图在Grunt上出售它们,但需要这个功能才能做到这一点.

解决方法

您可以使用类似以下Gruntfile的内容.每当CoffeeScript文件发生更改时,它都会更新coffee的配置：dynamic_mappings仅将修改后的文件用作src.

此示例是grunt-contrib-watch readme中示例的略微修改版本.

希望能帮助到你！

var path = require("path");
var srcDir = 'assets/scripts/src/';
var destDir = 'assets/scripts/dest/';

module.exports = function( grunt ) {
    grunt.initConfig( {
        coffee: {
            dynamic_mappings: {
                files: [{
                    expand: true,cwd: srcDir,dest: destDir,ext: '.js'
                }]
            }
        },watch : {
            coffeescript : {
                files: 'assets/scripts/src/**/*.coffee',tasks: "coffee:dynamic_mappings",options: {
                    spawn: false,//important so that the task runs in the same context
                }
            }
        }
    } );

    grunt.event.on('watch',function(action,filepath,target) {
        var coffeeConfig = grunt.config( "coffee" );
        // update the files.src to be the path to the modified file (relative to srcDir).
        coffeeConfig.dynamic_mappings.files[0].src = path.relative(srcDir,filepath);
        grunt.config("coffee",coffeeConfig);
    } );

    grunt.loadNpmTasks("grunt-contrib-coffee");
    grunt.loadNpmTasks("grunt-contrib-watch");

    grunt.registerTask("default",[ "coffee:dynamic_mappings","watch:coffeescript"]);
};