mpvue中使用vant weapp 后px转rpx问题

我用的是最新的mpvue创建的项目。
第一步，找到：

image.png

第二步，找到new CopyWebpackPlugin：

image.png

第三步，在找到的文件前面加上：

image.png

var Px2rpx = require('px2rpx');
var px2rpxIns = new Px2rpx({ rpxUnit: 0.5 });

第四步，修改为：

image.png

new CopyWebpackPlugin([
        {
            from: path.resolve(__dirname, '../static'),
            to: path.resolve(config.build.assetsRoot, './static'),
            transform(content, path) {
                if (path.endsWith('.wxss')) {
                    return px2rpxIns.generaterpx(content.toString(), 1)
                } else {
                    return content
                }
            },
            ignore: ['.*']
        }
    ])

第五步，重新打包项目运行(重要，否则还是PX)

npm run dev

如图：

image.png

OK，搞定!