Coffeescript 如何在html中使用gulp将coffee脚本和js结合在一起

Coffeescript 如何在html中使用gulp将coffee脚本和js结合在一起,coffeescript,gulp,Coffeescript,Gulp,我想将coffee编译成js,然后将两个js文件合并成一个js。我该怎么做?我试着吞下useref,但似乎无法实现 之前: 阅读并传送你的咖啡 阅读你的javascript 使用和合并它们 (他们)这是可选的,但我建议缩小生产代码 将它们写入文件系统 是的,我可以通过合并两个流来实现这一点。但是源文件(js&coffee)列在html文件中,我不想在gulp任务中再次配置它们。这就是为什么我尝试gulp useref,它将解析html文件。我现在唯一的想法是编写一个类似于gulp use

我想将coffee编译成js,然后将两个js文件合并成一个js。我该怎么做?我试着吞下useref,但似乎无法实现

之前:


  • 阅读并传送你的咖啡
  • 阅读你的javascript
  • 使用和合并它们
  • (他们)这是可选的,但我建议缩小生产代码
  • 将它们写入文件系统


  • 是的,我可以通过合并两个流来实现这一点。但是源文件(js&coffee)列在html文件中,我不想在gulp任务中再次配置它们。这就是为什么我尝试gulp useref,它将解析html文件。我现在唯一的想法是编写一个类似于gulp useref的插件,它将另外编译coffee。
    var gulp = require('gulp');
    var gulpCoffee = require('gulp-coffee');
    var gulpUglify = require('gulp-uglify');
    var gulpConcat = require('gulp-concat');
    var merge2 = require('merge2');
    
    gulp.task('default', function () {
        var coffee = gulp.src('file2.coffee') //1
            .pipe(gulpCoffee()); //1
        var js = gulp.src('file1.js'); //2
    
        merge2([coffee, js]) //3
            .pipe(gulpConcat('main.js')) //3
            .pipe(gulpUglify()) //4
            .pipe(gulp.dest('dest')); //5
    });