vue-cli3项目,使用postcss实现浏览器css兼容处理

2021-08-19  本文已影响0人  sweetylulu

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]
}

3、配置webpack.config.js

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

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


image.png
上一篇 下一篇

猜你喜欢

热点阅读