将px单位转为 vw单位。
npm install px2vw-css-loader
配置 webpack
:
module: {
rules: [{
test: /\.css$/,
use: [{
loader: 'style-loader'
},
{
loader: 'css-loader'
},
{
loader: 'px2vw-css-loader',
options: {
unitWidth: 750, // 设计稿的宽度
baseDpr: 2, // 默认的dpr
vwPrecision: 3, // 转换成vw后保留的小数位
forcePxComment: 'px', //使用/*px*/ 标注
keepComment: 'no' // 使用 /*no*/ 标注该css属性不需要转换为vw
}
}]
}]
}