Javascript 在构建文件合并时需要js
我在我的单页应用程序中使用require js,我想知道是否可以将所有模块、供应商库(jQuery、下划线、主干)合并到一个文件中,因为这样可以加快我的应用程序的速度Javascript 在构建文件合并时需要js,javascript,requirejs,Javascript,Requirejs,我在我的单页应用程序中使用require js,我想知道是否可以将所有模块、供应商库(jQuery、下划线、主干)合并到一个文件中,因为这样可以加快我的应用程序的速度 app css html homepage main.html login.html signup.html js build.js libs jquery.js backbone.js underscor
app
css
html
homepage
main.html
login.html
signup.html
js
build.js
libs
jquery.js
backbone.js
underscore.js
require.js
modules
collections
models
views
main
main.js
app.js
router.js
app-build
我的生成配置文件当前为:
({
appDir: '../',
baseUrl: 'js/modules',
mainConfigFile: 'modules/main/main.js',
dir: '../../app-build',
optimize: 'uglify',
uglify: {
toplevel: true,
ascii_only: true,
beautify: true,
max_line_length: 1000
},
preserveLicenseComments: true,
logLevel: 0
})
我当然不是这方面的专家,但我确实在我的一个项目中成功地实现了这一点,无可否认,主要是通过反复试验 我发现我需要使
appdir
和baseUrl
中的任何一个/两者都成为一个包含我的代码和库代码的目录-在您的情况下,这可能是/app/js
或/app
(取决于您是否还希望将模板组合在一起)
我还提供了各种库函数的路径
让它工作起来后,我真的应该回去看看什么是真正必要的,什么是货物崇拜编码。现在我有更紧迫的代码要写
出于您的兴趣,我提供了我的选项:注意,我正在通过rjs.optimize(…)
从node.js进行优化
我并不期望这是正确的答案,但希望它能给你带来一些有用的东西。我当然不是这方面的专家,但我确实在我的一个项目中做到了这一点,诚然,主要是通过尝试和错误 我发现我需要使
appdir
和baseUrl
中的任何一个/两者都成为一个包含我的代码和库代码的目录-在您的情况下,这可能是/app/js
或/app
(取决于您是否还希望将模板组合在一起)
我还提供了各种库函数的路径
让它工作起来后,我真的应该回去看看什么是真正必要的,什么是货物崇拜编码。现在我有更紧迫的代码要写
出于您的兴趣,我提供了我的选项:注意,我正在通过rjs.optimize(…)
从node.js进行优化
我不希望这是正确的答案,但希望它能引导您找到有用的地方。在中搜索combine。这是您想要的吗?在中搜索combine。这是你想要的吗?
var options = {
baseUrl: "./site/app",
appdir: "./site/app",
name: "js/main",
out: "main-built.js",
paths: {
jQuery: 'js/libs/jquery/jquery',
Underscore: 'js/libs/underscore/underscore',
Backbone: 'js/libs/backbone/backbone',
Handlebars: 'js/libs/handlebars/handlebars',
templates: 'templates'
}
};