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,搞定!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容