步骤
1,进入项目路径下,安装less和less-loader
npm install less less-loader@5.0.0 --save-dev
2、安装下列插件
npm install react-app-rewired customize-cra babel-plugin-import -D
3、项目根目录创建文件config-overrides.js,其内容为
const {override,addLessLoader}=require("customize-cra")
module.exports = override(
addLessLoader({
javascriptEnabled: true
})
);
4、修改package.json
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test --env=jsdom",
"eject": "react-scripts eject"
},
5、引入less文件
require ('./style.less')
6、最后重新运行项目即可