vue-cli项目中使用rem
2024-08-27 19:17:24
1.安装px2rem插件
npm install px2rem-loader lib-flexible --save
2.在main.js中引入lib-flexible
import 'lib-flexible/flexible.js'
3.在build下的 utils.js中,找到generateLoaders 方法,在这里添加代码。
// 新增这段代码
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 37.5
}
} function generateLoaders (loader, loaderOptions) {
const loaders = [cssLoader, px2remLoader] // 修改这里
if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
})
}
这样,项目中的单位全部的px都会转换成rem了。
最新文章
- windows 平台 php_Imagick 拓展遇到的那些坑!
- js性能优化-事件委托
- ASPose导出excel简单操作
- Python-时间操作
- [lintcode 14] First Position of Target
- 贪心 Codeforces Round #288 (Div. 2) B. Anton and currency you all know
- 深入浅出Java并发包—锁机制(三)
- NuGet -- 使用控制台管理程序包
- glusterfs 术语
- 《Head First 设计模式》学习笔记——模板方法模式
- 对象比较中 ";相等性";和";同一性"; 生动地解释
- 字符集编码与Python(一)编码历史
- CoreData和FMDB你用哪个?
- redis安装学习
- Redis扩展机制
- ASP.NET Core2.2 多用户验证和授权
- Mha-Atlas-MySQL高可用
- netfilter框架和iptables
- 让个人域名下GithubPage完美支持https
- poj 2623 Sequence Median 堆的灵活运用