使用requireJS缩小_WITHOUT_组合

时间:2014-03-22 20:42:29

标签: requirejs

我的程序正在使用RequireJS来管理javascript中的依赖项,并且它运行正常 - 除了我有一个问题,即进行缩小的唯一方法是使用r.js优化系统来做在编译应用程序时缩小并合并。

这确实有效;我有它的功能我需要它 - 但它非常浪费,因为它将所有脚本放在一个文档中。这似乎打败了模块加载的整个目的 - 它使网站变得非常慢。

有没有办法 - 除了手动缩小每个文件,每次更改它们,让这个优化器保持文件分开,以便模块加载仍然只能拉出它需要的文件?

我正在使用nodejs使用Visual Studio中的构建事件进行缩小/组合,类似于此;

的build.bat

node minify.js -o build.json

build.json

{
    "baseUrl" : "../../home", 
    "name": "../lib/app/config", 
    "include": [
          // each file gets listed here
    ], 
    "exclude": [], 
    "optimize": "none", 
    "out": "program.js", 
    "insertRequire": [
        "../lib/app/config"
      ]
}

config.js

require.config({
    baseUrl: '/app_content/scripts',
});

Visual Studio构建事件

node "$(ProjectDir)scripts\lib\app\minify.js" -o "$(ProjectDir)scripts\lib\app\build.json"

因此,这会生成一个包含所有内容的巨大program.js文件 - 具有明确命名的模块。它运行和功能,但......再次,这种目的失败了,对吗?

1 个答案:

答案 0 :(得分:2)

  

它使网站变得更慢

这不可能是真的,连接到单个文件减少了页面所需的HTTP请求量,并且应该提高性能。如果您只是想缩小文件,请使用可以实现此目的的工具 - 例如UglifyJS