And*_*rew 3 requirejs gulp requirejs-optimizer
我一定是在某个地方犯了一个错误,但是在优化过程中它没有被写入标准输出。我正在尝试通过 requirejs 优化文件,但输出没有被缩小。根据文档,UglifyJS 应该缩小代码。
无论如何,以下代码是微不足道的,但它隔离了问题。
源代码/索引.js:
require(['config'], function () {
require(['myMod'], function (myMod) {
console.log(myMod.x());
})
})
Run Code Online (Sandbox Code Playgroud)
src/myMod.js:
define(function () {
let myMod = {
x: 5
};
return myMod;
})
Run Code Online (Sandbox Code Playgroud)
源代码/config.js:
define(function () {
require.config({
baseUrl: 'src'
});
})
Run Code Online (Sandbox Code Playgroud)
这是执行优化的 gulp 任务:
gulp.task('optimize', function (cb) {
let config = {
appDir: 'src',
dir: 'dist/src',
generateSourceMaps: true,
preserveLicenseComments: false,
removeCombined: true,
baseUrl: './',
modules: [{
name: 'index',
include: ['myMod']
}]
}
let success = function (buildResponse) { console.log(buildResponse); cb() },
error = function (err) { console.log(err); cb(err) }
rjs.optimize(config, success, error)
})
Run Code Online (Sandbox Code Playgroud)
运行任务后, dist/src/index.js 包含所有其他模块。但是,它没有缩小,并且没有重命名任何变量。相反,就好像文件只是连接在一起,仅此而已。有人能告诉我(1)为什么它没有被缩小?(2) UglifyJS 是否抛出错误?如果是这样,有没有办法在运行 gulp 任务时看到它?
编辑这里是 RequireJS 文档的链接,它讨论了在节点中使用优化器,这是在上面提到的 gulp 任务中完成的。它位于“将优化器用作节点模块”下的底部。
RequireJS 的优化器捆绑了 UglifyJS2。UglifyJS2 不处理 ES6 或更高版本。如果我采用您在 gulpfile 中使用的选项,并将它们放入我命名的单独文件中options.js,然后发出以下命令:
$ ./node_modules/.bin/r.js -o options.js
Run Code Online (Sandbox Code Playgroud)
然后我得到这个输出:
Tracing dependencies for: index
Uglify file: /tmp/t33/dist/src/index.js
Error: Cannot uglify file: /tmp/t33/dist/src/index.js. Skipping it. Error is:
SyntaxError: Unexpected token: name (myMod)
If the source uses ES2015 or later syntax, please pass "optimize: 'none'" to r.js and use an ES2015+ compatible minifier after running r.js. The included UglifyJS only understands ES5 or earlier syntax.
index.js
----------------
config.js
index.js
myMod.js
Run Code Online (Sandbox Code Playgroud)
如您所见,UglifyJS 确实无法缩小您的文件,而 RequireJS 只是跳过了该文件的缩小步骤。由于这不是一个彻底的错误,文件仍然是输出,只是没有缩小。
如果您更改let为varin myMod.js,则问题会消失。
不幸的是,由于这不是执行失败(r.js仍在运行,只是不会缩小文件),因此不会向传递给 的 errback 处理程序发出错误信号rjs.optimize。我没有看到在 Gulpfile 中捕获此类错误的方法。安全的做法是optimize: "none"在运行rjs.optimize.
| 归档时间: |
|
| 查看次数: |
2413 次 |
| 最近记录: |