如何将javascript个文件编译成一个？

Question

假设我有 2 个文件！

base.js

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

file1.js

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

如何将它们编译成一个文件？
是否需要 requirejs？
是否需要 nodejs？有文档让我了解吗？

提前致谢！

Answer 1

不，不需要requirejs

您可以使用 browserify 将所有编译为一个。这只是一个例子，我最常使用的。也用到了webpack。

您可以在此处找到示例代码（browserify 结合 gulp）：

https://github.com/liesislukas/ReactJs-ReactNative-examples/blob/master/examples/name-changer/gulpfile.js

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

webpack 还是 browserify？

http://blog.namangoel.com/browserify-vs-webpack-js-drama

Answer 2

您可以使用 grunt task runner，它可以将文件连接成一个

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

如果您正在寻找使用 require.js 的方法，您可以使用 r.js 优化器

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，但这会满足您的要求。