首页 > RequireJS项目用r.js压缩合并js成功,如何让css也合并?

RequireJS项目用r.js压缩合并js成功,如何让css也合并?

我用r.js压缩合并一个RequireJS的项目,现在js成功压缩合并,css也能压缩,但是我想让css也可以合并到一块,减小请求次数,请问怎么配置才行?

r.js用的配置是这些。

({
    appDir: "assets/",
    baseUrl: "./",
    dir: "test",
    paths: {
        "css": "lib/require/css.min",
        "text": "lib/require/text.min",
        "ready": "lib/require/domReady.min",
        "x": "lib/main",
        "jquery":"lib/jquery/jquery-2.1.3.min"
    },
    fileExclusionRegExp: /^(r|c|build)\.js|run.bat$/,
    modules: [{
            name: 'x/main-datagrid'
        } 
 ]
 optimizeCss: "standard",
})

问题我用了一个笨办法解决了。
这里我写下我的思路吧,r.js的打包程序运行两次,第一次用上面的配置,打包合并js部分,第二次用下面的配置打包合并css部分。

({
    out : 'x/main-datagrid',
    cssIn: 'x/main-datagrid',
    optimizeCss:'standard'
})

合并css之后用nodejs替换合并的入口js文件里面的require的css引用路径,统一替换成刚才合并的css文件。


你用require-css插件了么?如果用了的话

css will be dynamically injected

创建一个css文件
把要合并的css导入进去
例如:

a.css
b.css

创建一个main.css中
@import url(a.css);
@import url(b.css);


SASS LESS Stylus 选一个吧

【热门文章】
【热门文章】