gulp - requirejs 优化器 - 如何更改优化的模块名称

Question

我想用 requirejs 优化器优化一些模块，但遇到了关于路径的问题。入口main.js点需要组件 on /build/modules/，但优化模块的名称与此路径不匹配。组件文件被加载，但它定义的函数没有被调用。 main_component.js需要组件moduleAand moduleB，而build'smain.js需要内置main_component.js.

代码./build/main.js：

require(['./modules/main_component'], function () {
  console.log('main')
})

代码./build/modules/main_component：

/* component definitions ... */
define('main_component',
    ['require','components/moduleA','components/moduleB'],
    function (require) { /* ... */}
)

项目结构：

/
|-- build
|   |-- modules
|   |   +-- main_component.js # optimized file
|   +-- main.js
|-- js
|   +-- modules
|       |-- components
|       |   |-- moduleA.js
|       |   +-- moduleB.js
|       +-- main_component.js
+-- index.html

另外，我正在使用 gulp wrapper gulp-requirejs-optimize。这是我的 gulpfile：

var gulp = require('gulp')
var requirejsOptimize = require('gulp-requirejs-optimize')

gulp.task('default', function () {
  return gulp.src('js/modules/*.js')
    .pipe(requirejsOptimize({
      optimize: 'none'
    }))
    .pipe(gulp.dest('build/modules'))
})

Answer 1

添加skipDirOptimize: true到requirejsOptimize选项就可以了。根据文档：

如果进行整个项目优化，但只想缩小模块选项中指定的构建层，而不是构建输出目录中的其余 JS 文件，则可以将 skipDirOptimize 设置为 true。