由于react
腳手架中把webpack
配置都隱藏起來了芬失,我們修改起來不太方便们衙,于是剃斧,記錄一下使用craco
來修改配置的方法
安裝 craco
yarn add @craco/craco
修改package.json文件
- 使用
craco
啟動項目
"scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
"eject": "react-scripts eject",
+ "start": "craco start",
+ "build": "craco build",
+ "test": "craco test",
}
在根目錄下創(chuàng)建craco.config.js文件
- craco.config.js文件用于修改默認配置
應用: craco配置別名
const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);
module.exports = {
// 其它配置...
,
webpack: {
alias: {
'@': resolve("src"),
'components': resolve("src/components"),
}
}
}
重啟項目生效
yarn start