在gulpfile.js中,需要使用gulp-requirejs-optimize插件来打包require.js的模块,并将打包后的文件与其他文件一起合并。具体步骤如下:
- 安装gulp-requirejs-optimize插件:npm install gulp-requirejs-optimize --save-dev
- 在gulpfile.js中引入gulp和gulp-requirejs-optimize:
const gulp = require('gulp');
const rjs = require('gulp-requirejs-optimize');
- 编写gulp任务,使用rjs插件来打包require.js模块,并将打包后的文件与其他文件一起合并:
gulp.task('build', function () {
return gulp.src('www/js/main.js')
.pipe(rjs({
baseUrl: 'www/js',
name: 'main', // 入口js文件名(不需要后缀名)
mainConfigFile: 'www/js/config.js', // require.js的配置文件路径
out: 'bundle.js' // 打包后的文件名
}))
.pipe(gulp.dest('www/build/js'));
});
- 执行gulp build任务即可打包并合并文件,并在打包后的文件中保留require.js的模块化结构。