Question

我们说我有2个文件！

base.js

base = function(...) {
    ....
}

file1.js

base.function = function(.....) {
    ....
}

我怎么能把它们编成一个文件？它需要requirejs吗？它需要nodejs吗？是否有文件以便我了解？

总体上先谢谢！

Answer 1

您可以使用grunt任务运行器，它可以将文件连接成一个

或任何构建工具，如gulp，webpack等。

如果您正在寻找使用require.js，您可以使用r.js optimiser

Answer 2

不，它不需要requirejs

您可以使用browserify将所有内容编译为一个。它只是一个例子，我最常用的。 Webpack也被使用。

你可以在这里找到示例代码（browserify与gulp相结合）：

并在同一个存储库中查看更多类似的示例。

webpack或browserify？

Answer 3

使用webpack非常简单。我们假设你有一个像这样的webpack.config.js文件：

module.exports = {
  entry: './src/main.js',
  output: {
    filename: 'dist/bundle.js'
  }
};

然后在你的main.js文件中你可以要求其他文件，如：

var file1 = require('./file2');
var file2 = require('./file2');
// ...

使用webpack编译这些文件时，你在dist文件夹中只有一个名为bundle.js的文件。这个bundle.js文件将包含三个文件的内容，main.js，file1.js，file2.js

有关如何使用Webpack的更多信息，您应该check its docs，但这可以做您想要的。