webpack配置css兼容性和压缩

html-css014

webpack配置css兼容性和压缩,第1张

第一步：需要安装 postcss ， postcss-loader 和 postcss-preset-env 三个包。

第二步：在 webpack.config.js 的 css 的 loader 里配置 postcss-loader 。

第三步：配置 postcss.config.js ，然后配置 postcss-preset-env 插件，用来读取 package.json 文件中的 browserslist 配置。

第四步：在 package.json 文件添加 browserslist ，配置需要支持哪些浏览器。

压缩 css 需要用到 optimize-css-assets-webpack-plugin 。

用法很简单，引入插件之后，在 plugins 中实例化即可。

纯css3超酷tabs选项卡动画特效插件

这是一款使用纯css3制作的超酷tabs选项卡动画特效插件。该tabs选项卡插件共有5种特效，分别是淡入淡出、弹性放大缩小、上下滑动、来回翻转等特效

效果演示：http://www.htmleaf.com/css3/animation/2014100764.html

下载地址：http://www.htmleaf.com/Demo/2014100762.html

6、纯css3炫酷加载loading动画特效插件

这是一款通过CSS animation创建的类似gif加载图片的纯css3加载loading动画插件。这个css3加载loading动画插件集成了5种炫酷效果，有旋转、放大缩小、风车效果和太阳系9大行星效果。

效果演示：http://www.htmleaf.com/css3/css3donghua/20141117510.html

下载地址：http://www.htmleaf.com/Demo/20141117511.html