Question

我在所有需要加载的页面上都有大约40个JS文件。如何将多个js文件合并到1个JS文件中，这样我就可以减少http请求。

Answer 1

最好的方法是使用gulp这样的任务运行器。详细了解如何安装here

以下内容会将.js目录中的所有./assets/js文件合并到./public/js目录中的一个文件中。

// Require gulp
var gulp = require('gulp');

// Require plugins
var concat = require('gulp-concat');


gulp.task('scripts', function() {
    return gulp.src(['./assets/js/*.js'])
        .pipe(concat('main.min.js'))
        .pipe(gulp.dest('./public/js'));
});

然后可以在项目目录中的命令行中使用gulp scripts运行此脚本。

Answer 2

使用Gulp或Grunt等自动化工具来连接，缩小，构建源图，并使用源完成所需的一切。示例构建脚本如下所示：

var gulp       = require('gulp'),
    concat     = require('gulp-concat'),
    sourcemaps = require('gulp-sourcemaps');

gulp.task('build-js', function() {
  return gulp.src('source/javascript/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(concat('bundle.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('public/assets/javascript'));
});

之后，您需要的所有内容都会运行gulp build-js

将多个JS文件合并为1个JS文件

2 个答案: