Rem or vm conversion 可以转换 rem 又可以转换 vm 的 loader
npm install convremvw-loader
默认转换 rem,如果是 rem 还需引入来进行根元素font-size的变化
function resize() {
let dom = document.documentElement||document.body
dom.setAttribute('style', 'font-size:' + dom.clientWidth / 7.5 + 'px !important');
}
document.addEventListener('DOMContentLoaded', function () {
resize()
window.onresize = function () {
resize()
}
})
module: {
rules: [{
test: /\.css$/,
use: [{
loader: 'convremvw-loader',
query: {
unit: 'rem'或者是'vw'
}
}, {
loader: "css-loader"
}]
}]
}
如需元素不转换单位 在属性值后面加/*i*/即可
.test{
width:100px/*i*/;
}