【文件属性】：
文件名称：css-compatible-loader
文件大小：3KB
文件格式：ZIP
更新时间：2024-06-12 18:41:41
JavaScript
css-compatible-loader
webpack loader，用于css适配。
原理
借助rem，把css中的px根据设计稿尺寸，替换成rem，PX替换成px，绝对像素。
比如
设计稿尺寸宽度 1920px
// css代码
.container{
width: 200px;
height: 200px;
border: 1PX solid #000;
}
// 经过loader转义的代码
.container{
width: 200/192rem;
height: 200/192/rem;
border: 1px solid #000;
}
使用
{
loader: 'css-compatible-loader',
options: {
scale: 1920 // 这里是设计稿尺寸宽度
}
}
除此之外，还需要给html设置fon
【文件预览】：
css-compatible-loader-main
----yarn.lock(1KB)
----README.md(1KB)
----.gitignore(12B)
----index.js(431B)
----package.json(310B)