解决webpack4.x使用autoprefixer 无效

Posted 2022-05-26 guangzan

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决webpack4.x使用autoprefixer 无效相关的知识，希望对你有一定的参考价值。

安装

    npm i webpck webpack-cli style-loader postcss-loader -D

webpack.config.js

 module: 
    rules: [
        test: /\.css/i,
        use: ['style-loader', 'postcss-loader']
    ]

postcss.config.js

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

到这一步运行发现没有效果??，https://github.com/browserslist/browserslist#readme，配置一手

package.json

  "browserslist": [
    "defaults",
    "not ie < 11",
    "last 2 versions",
    "> 1%",
    "ios 7",
    "last 3 iOS versions"
  ]

success！??

以上是关于解决webpack4.x使用autoprefixer 无效的主要内容，如果未能解决你的问题，请参考以下文章