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

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容