craco 配置 create-react-app 的开发环境以及部分webpack环境

小景UU

craco 配置 create-react-app 的开发环境以及部分webpack环境

1. antd组件按需加载，
2. 支持less，
3. 支持 类装饰器 语法，
4. 支持webpack 别名并支持vscode 支持路径补全

依赖版本可以根据自己配置修改或查阅相关文档

配置步骤

1. 创建新项目使用 create-react-app 创建一个项目，这里我们命名为 my-project-name

create-react-app my-project-name

2. 进入项目，安装依赖

npm install antd -S
npm install @craco/craco craco-less @babel/plugin-proposal-decorators babel-plugin-import -D
或
yarn add antd
yarn add @craco/craco craco-less @babel/plugin-proposal-decorators babel-plugin-import

3. 根目录下创建 craco.config.js，注意是根目录！

const CracoLessPlugin = require('craco-less');
const path = require('path')
const pathResolve = pathUrl => path.join(__dirname, pathUrl)

module.exports = {
   
 plugins: [