webpack4 配置之 postcss-loader
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack4 配置之 postcss-loader相关的知识，希望对你有一定的参考价值。
参考技术Apostcss-loader 是我们在做项目的时候大多数都会用到的loader之一，它负责进一步处理 CSS 文件，比如添加浏览器前缀，压缩 CSS 等。
1.首先添加 browserslist ，
方法一：在项目根目录添加 .browserslistrc 文件
方法二：在 package.json 文件中添加 browserslist
2.配置 autoprefixer
方法一：在根目录创建 postcss.config.js：
方法二：在 webpack.config.js 中配置：
方法一： postcss.config.js （推荐）
方法二：webpack.config.js 配置
1.使用 style-loader ：
2.使用 MiniCssExtractPlugin
以上是关于webpack4 配置之 postcss-loader的主要内容，如果未能解决你的问题，请参考以下文章