webpack插件optimize-css-assets-webpack-plugin

html-css022

webpack插件optimize-css-assets-webpack-plugin,第1张

该插件主要用来压缩css文件

使用:

1.安装

2.webpack.config.js配置

参数:

assetNameRegExp ：一个正则表达式，指示应优化最小化的资源的名称。提供的正则表达式针对配置中 ExtractTextPlugin 实例导出的文件的文件名运行，而不是源CSS文件的文件名。默认为/.css$/g

cssProcessor ：用于优化最小化CSS的CSS处理器，默认为cssnano。这应该是一个跟随cssnano.process接口的函数（接收CSS和选项参数并返回一个Promise）。

cssProcessorOptions ：传递给cssProcessor的选项，默认为 {}

cssProcessorPluginOptions ：传递给cssProcessor的插件选项，默认为 {}

canPrint ：一个布尔值，指示插件是否可以将消息打印到控制台，默认为 true

总结了下，见下面：

1.Brackets

Brackets (括号) 是一个轻量而强大的工具， 它是一个新型的，开放源代码的文本编辑器，能理解网页设计。

2.MeasureIt

MeasureIt 是一个为网页设计师和开发者提供的工具，可以帮助他们在设计网站时轻松地测量和正确估计网站的元素。

3.Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator是一个强大的类似photoshop的CSS梯度编辑器。它被livecoding上的程序员大力推荐。

4.Mozilla Thimble

Thimble是一个在线的代码编辑器，当在学习HTML，CSS 和JavaScript 的过程中，可以方便地创建和发布自己的网页。

5.CSSTidy

CSSTidy 是一个开源的CSS解析器和优化器。 它可以作为可执行文件使用， 可用于Windows, Linux和OSX系统。可以由每个命令行控制并用作PHP脚本。（两者的功能几乎是一样的）。