1.配置vw
(1)首先create-react-app react-vw-demo
生成一个demo,执行 npm run eject
暴露出config文件,然后npm start把项目跑起来。
(2)安装相关postcss相关插件
npm install postcss-aspect-ratio-mini postcss-px-to-viewport-opt postcss-write-svg postcss-preset-env postcss-viewport-units cssnano -S
安装成功后,配置webpack.config.js
首先引入相关文件
const postcssAspectRatioMini = require('postcss-aspect-ratio-mini')
const postcssPxToViewport = require('postcss-px-to-viewport-opt')
const postcssWriteSvg = require('postcss-write-svg')
const postcssPresetEnv = require('postcss-preset-env')
const postcssViewportUnits &