vue-cli2 配置 postcss-px-to-viewport：在什么位置

可以配置 postcss-px-to-viewport？

postcss-px-to-viewport 是一个 PostCSS 插件，用于将 px 单位转换成 vw 或者 vh 单位，以适应不同设备的屏幕大小。如果你想在 Vue 项目中使用该插件，可以先安装 postcss-px-to-viewport:

npm install postcss-px-to-viewport --save-dev

然后在 webpack 的配置文件中添加如下代码：

module.exports = {
    // ...
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    require('postcss-px-to-viewport')({
                        unitToConvert: 'px',
                        viewportWidth: 750,
                        viewportHeight: 1334,
                        unitPrecision: 3,
                        propList: [
                            '*'
                        ],
                        viewportUnit: 'vw',
                        fontViewportUnit: 'vw',
                        selectorBlackList: [],
                        minPixelValue: 1,
                        mediaQuery: false,
                        replace: true,
                        exclude: /(\/|\\)(node_modules)(\/|\\)/,
                        landscape: false,
                        landscapeUnit: 'vw',
                        landscapeWidth: 568
                    })
                ]
            }
        }
    }
    // ...
}

以上代码中，我们使用 loaderOptions 来配置 postcss-loader，将 postcss-px-to-viewport 添加到 plugins 中即可。其中 unitToConvert 表示要转换的单位，viewportWidth 和 viewportHeight 表示视口的宽度和高度，propList 表示要转换的属性列表，viewportUnit 表示要转换的视口单位，minPixelValue 表示最小像素值，mediaQuery 表示是否将媒体查询中的单位转换，exclude 表示需要排除的文件或目录，landscape 表示是否支持横屏，landscapeUnit 和 landscapeWidth 分别表示横屏时的单位和宽度。