react craco配置 antd-mobile按需引入

create-react-app项目经常会遇到需要更改配置的情况，而运行yarn eject暴露配置后项目会变得比较复杂，而且大部分是与业务逻辑无关的配置。craco既可以自定义配置wepback ，还可以不用执行eject。 这里只是简单说说对antd-mobile按需引入的配置

1. 安装依赖@craco/craco， babel-plugin-import

yarn add @craco/craco
yarn add babel-plugin-import

2. 增加配置文件craco.config.js

const path = require('path')

module.exports = {
  webpack: {
    alias: { // 配置别名
      '@': path.resolve(__dirname, 'src')
    }
  },
  babel: {
    plugins: [
      [
        'import', {
          libraryName: 'antd-mobile',
          style: 'css'
        }
      ]
    ]
  }
}

3. 修改package.json配置文件

    "start": "craco start",
    "build": "craco build",
    "test": "craco test",