合并压缩css文件的r.js

如何用r.js合并压缩css文件？在r5下，用四个css文件创建一个新的css文件夹：main.css、nav.css、form.css和grid.css.

Main.css是合并的主文件或配置文件。要合并的文件使用@import导入。如下

main.css

@ import URL(' nav . CSS ')；@ import URL(' grid . CSS ')；@ import URL(' form . CSS ')；另外三个是常见的css文件，其中定义了各种样式。这里没有代码。在这里，我们将使用命令行来合并这四个文件，并将它们生成为r5/CSS/build . CSS。

节点r . js-o CSsin=CSS/main . CSS out=CSS/build . CSS

此时，当您返回r5/css目录时，您会发现有一个额外的built.css文件，它是其他四个css文件的合并项。

您还可以使用优化参数设置来配置是否压缩以及压缩选项。optimizeCss的值为标准/无/标准。保留/标准。保留注释/标准。保留注释。保留.

无不会被压缩，只会被合并

标准标准压缩换行符、空格和注释

Standard.keepLines保留除标准压缩以外的换行符

标准保留注释除了标准压缩之外，还保留注释

除了标准压缩，标准。保留评论。keeplines保留换行符和注释

示例：

节点r . js-o cssin=CSS/main . CSS out=CSS/built.css optimizecs=standard，整个build . CSS压缩后为一行。

总结：

1.对于按路径配置的非本地模块文件，在使用r.js进行合并压缩时，需要配置paths.xx=empty:

2.使用cssIn和optimizeCss参数来合并和压缩Css文件。

摘要

以上是边肖介绍的r.js合并压缩css文件的一个例子。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！