javascript - 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

这篇关于javascript - RequireJS项目用r.js压缩合并js成功，如何让css也合并？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！