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

 佳君旭博21 发布于 2022-11-13 11:55

我用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文件。

3 个回答
  • SASS LESS Stylus 选一个吧

    2022-11-13 11:59 回答
  • 创建一个css文件
    把要合并的css导入进去
    例如:

    a.css
    b.css

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

    2022-11-13 11:59 回答
  • 你用require-css插件了么?如果用了的话

    css will be dynamically injected
    2022-11-13 11:59 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有