vue在做vue.config.js配置是报错 PostCSS Loader has been initialized using an options object

Question

刚开始学习vue在做vue.config.js配置postcss-pxtorem 配置代码如下

module.exports = {
    lintOnSave: false,// eslint-loader 是否在保存的时候检查

    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    // 把px单位换算成rem单位
                    require("postcss-pxtorem")({
                        // 换算的基数 375的设计稿，换算基数就是37.5
                        rootValue: 37.5,
                        selectorBlackList: [".van"],// 要忽略的选择器并保留为px。
                        propList: ["*"], //可以从px更改为rem的属性。
                        minPixelValue: 1 // 设置要替换的最小像素值。
                    })
                ]
            }
        }
    }
}

重新运行时出现的错误

求解决方案

Answer 1

看一下这篇文章
https://blog.csdn.net/xiaolinlife/article/details/112056848