背景
在开发react项目时,很多时候我们把style写在css、less、scss里,经过像postcss这样的配置处理,但有没有这样一种需求呢,像有些样式我们直接写在xml标签上style里,然后也能进行处理,如px2rem能将px转rem,是否在style上写也能实现。
思路
我们在webpack,/.(js|jsx)"color: #ff0000">代码
const loaderUtils = require('loader-utils'); // 默认参数 const defaultopts = { remUnit: 100, // rem unit value (default: 100) remFixed: 2, // rem value precision (default: 2) }; // 获取webpack配置好的参数 const opts = loaderUtils.getOptions(this); // 将参数组合 const config = Object.assign({}, defaultopts, opts); const ZPXRegExp = /\b(\d+(\.\d+)"htmlcode">{ loader: path.join(rootPath, 'loaders/jsxPx2RemLoader'), options: { remUnit: 100, remFixed: 3 } }源代码
源码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
最新资源
- 《李荣浩 新时代创作新人王》[WAV分轨][310MB]
- 《黑鸭子与马头琴 史上最动听草原音乐》[WAV+CU
- 《汽车发烧音乐精选CD18》[FLAC+CUE][7.1G]
- 郑希怡.2004-Perfect.Date【英皇娱乐】【FLAC分
- 群星.1994-宝丽金超级孖宝2CD【宝丽金】【WAV+C
- 林忆莲.2019-0(2023精装版)【环球】【WAV+CUE】
- Supper.Moment.2016-The.Moment【寰亚】【FLAC分
- 范莉丝.1979-送郎一朵牵牛花(LP版)【大联机构】
- 刘宇.2024-宇宙诗人【哔哟哔哟文化】【FLAC分轨
- 《全景声白噪音》沉浸式大自然助眠 带你听自然的