tl; dr:当我的所有文本依赖项都被内联时,如何将text.js插件保留在优化文件之外?
我正在使用Require.js optimizer(通过Node)来优化项目中的一些JS文件。我正在使用text plugin加载文本依赖项(HTML模板,CSS)。我有一个我想要优化的模块,包括它的依赖项,如下所示:
define(['text!core/core.css'], function(styles) {
// do setup stuff, return an object
});
Require.js文档说我运行core/core.css
优化器时会内联r.js
文件,我正在这样调用:
$ r.js -o baseUrl=./src name=core out=release/test.js
Tracing dependencies for: core
Uglifying file: c:/path/release/test.js
c:/path/release/test.js
----------------
c:/path/src/text.js
text!core/core.css
c:/path/src/core.js
好消息是,这有效。当我查看优化文件时,我可以看到内联文本,如下所示:
define("text!core/core.css",[],function(){return"some CSS text"}),
define("core",["text!core/core.css"],function(a){ ... })
坏消息是,text.js插件也包含在内 - 它增加了大约3K,并且包含(据我所知)现在完全不必要的代码来加载外部文本文件。我知道3K并不多,但我正在努力保持我的代码高度优化,据我所知,如果我的文本依赖项被内联,那么文本插件的代码根本不是必需的。我可以通过在我的exclude=text
调用中添加r.js
来保留文本插件,但如果我这样做,当我尝试在浏览器中使用优化代码时,我会收到错误,说明text.js插件无法使用不加载。
所以:
text.js插件有什么理由实际需要吗?
如果没有,r.js
是否有配置选项可以解决此问题,或者
text.js插件是否有简易垫片,我可以包含它来说服Require.js加载了不必要的插件?
答案 0 :(得分:15)
文本插件确实是必需的,因为在检索正确的模块ID之前,RequireJS需要检查插件是否实现了方法normalize
。
从构建中删除文本插件的方法是使用onBuildWrite
设置来创建一个空的插件模块,如本问题所述评论:https://github.com/jrburke/r.js/issues/116#issuecomment-4185237 - 此功能应该落在未来的版本上of r.js
修改强>
r.js现在有一个名为stubModules
的设置就是这样:
//Specify modules to stub out in the optimized file. The optimizer will
//use the source version of these modules for dependency tracing and for
//plugin use, but when writing the text into an optimized layer, these
//modules will get the following text instead:
//If the module is used as a plugin:
// define({load: function(id){throw new Error("Dynamic load not allowed: " + id);}});
//If just a plain module:
// define({});
//This is useful particularly for plugins that inline all their resources
//and use the default module resolution behavior (do *not* implement the
//normalize() method). In those cases, an AMD loader just needs to know
//that the module has a definition. These small stubs can be used instead of
//including the full source for a plugin.
stubModules : ['text']
有关更多r.js选项,请检查example.build.js文件。