PostCSS和autoprefixing (postcss-loader)

PostCSS是一个CSS后处理工具,它可以改变你的CSS很多很酷的方式,像什么autoprefixing,产品毛羽和更多!

首先,下载postcss-loader和任何你想要的插件,如autoprefixer:

1

美元纱添加postcss-loader autoprefixer - dev

接下来,创建一个postcss.config.js项目文件的根源:

1 2 3 4 5 6 7 8 9

模块. export = {插件:{/ /包含任何你想要的插件/ /但是确保你安装这些通过纱或npm !/ /添加browserslist配置方案。json(见下文)autoprefixer:{}}}

然后,使装载机在安可!

1 2 3 4 5 6

/ / webpack.config。js安可/ /……+ .enablePostCssLoader ();

因为你只是修改webpack.config.js停止并重启安可。

就是这样!的postcss-loader现在将用于所有CSS, Sass等文件。你也可以通过选项来的postcss-loader通过传递一个回调:

1 2 3 4 5 6 7 8 9 10

/ / webpack.config。js安可/ /……+ .enablePostCssLoader((选项)= > {+选项。配置= {+路径:“配置/ postcss.config.js”+};+});

1 2 3 4 5 6 7 8

{+“browserslist”:(“+”> 0.5%,”+“最后2版本,+“火狐ESR”,+“没死”+)}