1、npm i postcss-loader autoprefixer@8.3.1 -D

autoprefixer需要安装8.x.x,否则会报错

2、配置postcss.config.js

const autoprefixer = require('autoprefixer')
module.exports = {
  plugins: [autoprefixer]
}

module.exports = {
  module: {
    rules: [
      {test: /\.css$/,
        use: ['style-loader', 'css-loader', 'postcss-loader']}
    ]
  }
}

如果未生效，将.browserslistrc文件中的数值改大点

image.png

解决使用postcss-loader不生效问题
前言今天使用postcss-loader时候，发现在浏览器使用postcss-loader解决css3兼容性问题...
vue-cli3项目，使用postcss实现浏览器css兼容处理
1、npm i postcss-loader autoprefixer@8.3.1 -D autoprefixer...
vite postcss
PostCSS PostCSS是一款使用JavaScript插件对CSS实现转换的工具 PostCSS拥有非常强大...
PostCSS到底和CSS的区别在哪里，到底有什么东西值得我们去
PostCss 简单点讲，PostCSS是CSS的处理器。如果你以前使用过CSS的预处理器的话，比如Sass、LE...
PostCss笔记
PostCss笔记跨浏览器兼容性: 后处理 autoprefixer: 自动添加前缀指定支持的浏览器版本 Au...
webpack配置css兼容性和压缩
1. 配置css兼容代码第一步：需要安装postcss，postcss-loader和postcss-prese...
vue+px2rem实现pc端大屏自适应(rem适配)
配置前言项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行re...
webpack入门(四):自动处理css前缀、净化css
一、自动处理css前缀：postcss-loader、autoprefixer postcss(预处理器)，专门处...
css 模块化
css发展阶段 1.手写源生 CSS2.使用预处理器 Sass/Less3.使用后处理器 PostCSS4.使用 ...
webpack开发--postcss插件
PostCss 是一个CSS后处理工具 PostCss 是什么首先，聊PostCss之前，我们得知道什么是CSS...