react脚手架默认会隐藏webpack相关等配置
很多小伙伴在不想拆包面对眼花缭乱的config而又需要配置一些必要的包
会选择使用 customize-cra配合react-app-rewired来单独配置或者覆盖掉webpack的配置
比如postcss-px-to-viewport配置px转vw
(测试时react版本为@18)
//根目录的config-overrides.js
const {
override,
addWebpackAlias,
addPostcssPlugins
} = require('customize-cra')
var pxtoviewport = require('postcss-px-to-viewport')
module.exports = override(
addPostcssPlugins([
pxtoviewport({
viewportWidth: 375
}),
]