欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

stringify方法的第一个参数是css内容的抽象语法树对象,返回的结果是css内容,此方法的作用和parse正好相反,如下图所示。

CSS解析器——css模块使用详解,助你轻松实现一个css格式化工具

图4

stringify方法的第二个参数也是一个对象,对象属性有indent、compress、sourcemap、inputSourcemaps。

indent代表输出的css内容的缩进,默认是两个空格。利用这个属性就可以做一个css格式化工具。

CSS解析器——css模块使用详解,助你轻松实现一个css格式化工具

图5

compress表示css的内容是否需要被压缩,压缩时会移除所有的空格和注释。

CSS解析器——css模块使用详解,助你轻松实现一个css格式化工具

图6

sourcemap用于生成css的sourceMap。

CSS解析器——css模块使用详解,助你轻松实现一个css格式化工具

图7

图7红色区域中sourceMap的json串的原理是什么?不了解的同学可以参考作者之前的一篇文章《深度解析前端代码打包过程中是如何生成sourceMap的?》,我相信一定难不倒聪明的你,这里就不再熬述了。

inputSourcemaps表示在生成sourcemap时可以读取已存在的sourcemap引用,默认是true。因为有些打包好的css文件中已经存在了sourcemap的引用,所以在解析时这个模块会自动读取map信息。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c59373.shtml