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

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

最好的方法是使用任务运行程序，如gulp。阅读有关如何安装它的更多信息

下面将把

/assets/js

目录中的所有

.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脚本运行此脚本。
最好的方法是使用任务运行程序，如gulp。阅读有关如何安装它的更多信息

// 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'));
});

下面将把
/assets/js
目录中的所有
.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脚本运行此脚本。
使用自动化工具（如gulp或Grunt）连接、缩小、构建源地图，并对源代码执行所有操作。示例生成脚本如下所示：

// 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'));
});

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'));
});

之后，您需要的一切都将运行
gulpbuildjs
使用自动化工具（如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'));
});

之后，您需要运行
gulpbuildjs
，例如在linux中：
find-键入f-name'*.js'-exec cat{}+>>combined.js
，windows:
type*.js>combined.js
您是否在询问一个构建或部署工具，该工具将自动执行此操作，同时保持源文件独立以进行持续的开发工作？不确定您的环境，但您可以使用捆绑工具。将文件捆绑到单个调用中。您可以使用适合所用语言和开发环境的任务运行程序。对我来说，使用node.js、grunt或gulp可以通过适当的插件完成这项工作。请记住，您可能需要更少的HTTP请求，但如果您的文件突然变大5 MB，用户可能需要很长时间才能首次加载js文件。你真的在每个页面上使用全部40个JS文件吗？例如在linux中：
find-键入f-name'*.js'-exec cat{}+>>combined.js
，windows:
type*.js>combined.js
您是否在询问一个构建或部署工具，该工具将自动执行此操作，同时保持源文件独立以进行持续的开发工作？不确定您的环境，但您可以使用捆绑工具。将文件捆绑到单个调用中。您可以使用适合所用语言和开发环境的任务运行程序。对我来说，使用node.js、grunt或gulp可以通过适当的插件完成这项工作。请记住，您可能需要更少的HTTP请求，但如果您的文件突然变大5 MB，用户可能需要很长时间才能首次加载js文件。你真的在每个页面上使用全部40个JS文件吗？当然，这需要安装node.JS@ChaudhryJunaid将您的请求从40个降低到1个确实是值得的！当然，这需要安装node.js@ChaudhryJunaid将您的请求从40个降低到1个确实是值得的！我无法理解任何解决方案…有人能帮我吗？我无法理解任何解决方案…有人能帮我吗。