如何将javascript文件编译成一个
How to compile javascript files into one?
假设我有两个文件!
base.js
base = function(...) {
....
}
file1.js
base.function = function(.....) {
....
}
我如何将它们编译成一个文件
它需要requirejs
吗
是否需要nodejs
?有没有文件可以让我学习?
总的来说,提前感谢!
您可以使用grunt任务运行器,它可以将文件连接到一个中
或者任何构建工具,如gullow、webpack等
如果你想使用require.js,你可以使用r.js优化器
否,它不需要requirejs
您可以使用browserfy将所有内容编译为一个。这只是一个例子,我用得最多的。也使用Webpack。
你可以在这里找到示例代码(browserfy与gull结合使用):
https://github.com/liesislukas/ReactJs-ReactNative-examples/blob/master/examples/name-changer/gulpfile.js
并在同一存储库中查找更多类似的示例。
webpack还是browserfy
http://blog.namangoel.com/browserify-vs-webpack-js-drama
使用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的更多信息,您应该查看其文档,但这将满足您的要求。
相关文章:
- 当单元格内容由于forumula从另一个工作表编译数据而更改时发送电子邮件
- 如何将从GWT编译的JS添加/访问到另一个外部HTML / JS项目中
- 使用jade.compile编译一个jade模板,该模板是一个mixin文件或包含部分
- 如何使用Gulp编译并移动到另一个文件夹一堆sass文件
- 如何将javascript文件编译成一个
- 在 Ember.js 2.3 中,如何将 hasMany 异步调用编译为 ember 中的一个调用而不是多个调用
- 如何使用 Gulp 将多个打字稿文件编译成一个 JavaScript 文件
- AngularJs - 从编译的 HTML/变量中获取一个字符串
- 使用 gulp 编译 TypeScript 会创建一个不需要的目标文件夹
- 当我编译 NodeJS 时,我收到一个编译错误
- 在测试指令时,我得到typeerror编译不是一个函数
- 为NW.js编译的SQLITE-一个用于SQL CRUD的命令
- 在CoffeeScript中,是否存在一个'官方'在运行时而不是编译时插入字符串的方法
- Gulp-重新编译一个颠簸的版本进行标记
- 从另一个指令动态添加、编译和链接ng类属性
- AngularJS-$编译一个元素并将作用域传递给它
- 如何自己编译一个node.js模块
- 使用grunt-json-bake将多个json文件编译成一个
- Gulp任务复制一个目录中的所有文件,编译所有的SCSS文件,其余不动
- 为什么Browsersync会为一个编译任务实时重新加载,而不是为另一个编译任务重新加载?