请问vuecli3.0的配置中autoprefixer该如何配置

• Z时代
• 2024-01-10
• 分类：技术分享

下面是我配置的css中，但是autoprefixer没有起效，

css: {
sourceMap: true,
loaderOptions: {
sass: {
prependData: `@import "@/styles/variables.scss";`
},
postcss: {
plugins: [
require('autoprefixer')({})
]
}
}
},

package.json中安装了`postcss-loader`和`autoprefixer"请问我还应该怎么配置才可以使它生效。

回答

如果是用vue-cli3创建的项目的话，默认是开启了这个设置的。

如果只是普通的webpack配置autoprefixer的话，直接安装这俩

npm install postcss autoprefixer

var autoprefixer = require('autoprefixer');
module.exports = {
    module: {
      loaders: [
        { test: /\.css$/, loader: "style!css!postcss" },
        { test: /\.scss$/, loader: "style!css!postcss!sass" }
      ]
    },
    postcss: [ autoprefixer({ browsers: ['last 2 versions'] })
]}

以上是 请问vuecli3.0的配置中autoprefixer该如何配置 的全部内容， 来源链接： utcz.com/a/41768.html