尝试在react使用postcss-px-to-viewport自适应布局,全网找遍了,基本上都要react-scripts eject去修改webpack.config.js,或者装一大堆依赖……,最后发现还不行。 这里默认你已经配置好craco,并且已经存在craco.config.js,react脚手架默认的postcss已经是8.x版本了,我这里安装了"postcss": "^7.0.36",8.x版本可以看...
npm install--save-devpostcss-px-to-viewport 运行npm eject 将react配置暴露出来# 在webpack.config.js 中配置# Copy require("postcss-px-to-viewport")({unitToConvert:"px",//需要转换的单位,默认为"px"viewportWidth:750,// 视窗的宽度,对应的是我们设计稿的宽度,一般是750unitPrecision:3,//单位转换...
react 项目中css样式px自动转vw,适配移动端和pc端。修改下配置项里面的viewportWidth和viewportHeigh 安装:postcss-px-to-viewport 和 postcss-loader //1.npm方式:npm install postcss-loader postcss-px-to-viewport--save-dev//2.yarn安装:yarnadd-Dpostcss-loader postcss-px-to-viewport 二:暴露项目配置项(任...