第九章 CSS工程化方案
一、概述
1.1、PostCSS
二、PostCSS插件的使用
全局安装postcss工具。
npm install postcss-cli -g
编译css
2.1、autoprefixer的使用
首先需要安装autoprefixer插件
npm install autoprefixer
2.2、postcss-import的使用
如上图,如果是这样引入css文件的话,就会调用两个请求。如果用下面的这个插件后重新编译,那么就会合并css文件。
2.3、cssnano的使用
cssnano是用来压缩代码的
2.4、cssnext的使用
这个插件也需要npm安装。
执行编译后
2.5、precss的使用
需要安装过插件。配置执行后如下面的图。
2.6、glup-postcss构建工具的使用
四、webpack插件的使用
html引用了打包后的js文件。
4.1、webpack处理css
安装css加载插件
创建配置文件,webpack.config.js是webpack配置文件的默认文件名。
PS:后期继续