串联 JavaScript 个文件

Question

有没有办法像这样写主文件：

// main.js
var foo = 'foo';
        require('./bar.js'); // or import ...etc
var baz = 'baz';

// bar.js
var bar = 'bar';

然后我应该像这样得到这个连接文件：

// main.js
var foo = 'foo';
        // bar.js
        var bar = 'bar';
var baz = 'baz';

我不想要一些副作用，比如包装主文件或导出它，我只想要一个简单的连接，缩进也应该得到尊重。

它就像 gulp-concat 但有 require 或 import，比如 PHP include

我需要一个解决方案来直接使用 Gulp 或 nodejs。

Answer 1

要么使用类似 require.js 的客户端，要么在服务器端进行某种预处理。无论如何，您必须习惯您选择的方式的要求和限制。您甚至可以使用某种模板引擎，例如 Smarty mayde，它可以像 php 那样包含代码，但不要忘记缓存。

此外，如果您想以现代方式创建 Web 应用程序 - 请查看 angular.js、ember.js 等。现在那里有很多，请选择更适合您的需求。

Concatenating JavaScript files