1.安装
npm i react-app-rewire-postcss postcss-px2rem -D
2. 配置项
const { override } = require('customize-cra');
const addLessLoader = require("customize-cra-less-loader");
const rewirePostcss = require("react-app-rewire-postcss");
const px2rem = require("postcss-px2rem");
module.exports = {
webpack: override(
addLessLoader({
cssLoaderOptions: {
modules: {
localIdentName: '[file]',
},
},
lessLoaderOptions: {
lessOptions: {
strictMath: true,
}
}
}),
(config) => {
rewirePostcss(config, {
plugins: () => [
px2rem({
remUnit: 100,
exclude: /node_modules/i,
}),
],
});
return config;
}
)
}
3. 重新启动
npm start