javascript - 以正确的顺序合并 javascript 文件

Question

我有一个 JavaScript 应用程序，我已将代码拆分到不同命名空间中的文件中，如下所示:

// file 1: src/Main.js
var Main = function () { .... 

// file 2: src/Main/SomethinElse.js
Main.SomethingElse = function () { ....

etc....

缩小时的问题是，当合并这些文件时，第一个文件必须始终是第一个，然后是第二个。

现在我有一个进行编译的 bash 脚本，其中我以正确的顺序列出了所有文件，但是我必须在创建后将每个新文件添加到列表中，这看起来不太好。

是否有任何构建工具可以处理这个问题，或者是否有某种方法可以重组我的代码以避免这个问题？

Answer 1

我会选择 Gulp 来构建您的项目。它很容易理解，并且有很多适合您构建的插件。 Link

如果你想使用 Gulp，你可以像这样创建一个任务:

gulp.task('scripts', function() {
    gulp.src([
        'src/Main.js', // take main js file first
        'src/*.js', // take all js files in src
        'src/Main/SomethinElse.js'])
        .pipe(sourcemaps.init()) // create sourcemaps for your code
        .pipe(concat('index.js')) // create one js file for example index.js
        .pipe(stripDebug()) // you can debug here
        .pipe(uglify()) // minify your js file
        .pipe(sourcemaps.write('maps/')) // sourcemap destination
        .pipe(gulp.dest('scripts/')); // destination of your js file
});

希望能帮到你。