带gulp的requirejs优化
我正在使用requirejs和gulp构建angular应用程序。我正在使用带gulp的requirejs优化,requirejs,gulp,Requirejs,Gulp,我正在使用requirejs和gulp构建angular应用程序。我正在使用amd optimize和gulprequirejs optimize将所有js文件添加到单个文件中。这是我的main.js文件: require.config( { 路径:{ 应用程序:“应用程序”, 角度:'../bower_组件/角度/角度', jquery:“../bower_components/jquery/dist/jquery”, 角度资源:“../bower_组件/角度资源/角度资源”, 角度布线:“
amd optimize
和gulprequirejs optimize
将所有js文件添加到单个文件中。这是我的main.js
文件:
require.config(
{
路径:{
应用程序:“应用程序”,
角度:'../bower_组件/角度/角度',
jquery:“../bower_components/jquery/dist/jquery”,
角度资源:“../bower_组件/角度资源/角度资源”,
角度布线:“../bower_元件/角度布线/角度布线”,
publicModule:“public_module”,
路线:“路线”
},
垫片:{
“应用程序”:{
deps:['angular']
},
“角度路线”:[“角度”],
角度:{exports:'angular'}
}
}
);代码>您不需要任何文件-您只需要定义一个名为main的空模块。
你需要启动你的应用程序,需要一个模块,例如
require(['app'],函数(app){
新应用程序().init();
});代码>检查文档中的所有选项。例如,您可以指向配置文件或添加路径
我总是很难让所有路径对齐,所以一定要认真检查它们
以下是如何开始将选项放入:
gulp.task('requirejsBuild', function() {
gulp.src('app/**/*.js',{ base: 'app' })
.pipe(amdOptimize("app",{
baseUrl: config.app,
configFile: 'app/app-config.js',
findNestedDependencies: true,
}))
.pipe(concat('app.js'))
.pipe(gulp.dest('dist'))
});