react v16.7 版本配置 less less-loader antd按需

create-react-app  myapp  创建同一个react项目
yarn add antd less less-loader babel-plugin-import 需要配置的 less 和 babel依赖

yarn eject  暴露出 react webpack配置
上面暴露 webpack命令时 请查看下自己当前目录或上层目录是否有为提交的git 

如果有未提交的git是无法执行这个命令的， 解决办法 1，删除git文件 2，提交git

//在 代码 425 行 添加以下less配置
{
              //less
              test: lessRegex,
              exclude: lessModuleRegex,
              use:getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
            {
              //less
              test: lessModuleRegex,
              use:getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },

// 代码块 358行 plugins 查看中 加入以下代码
[require.resolve('babel-plugin-import'), { libraryName: 'antd', style: 'css' }]

//使用node启动
  "scripts": {
    "start": "node  ./scripts/start",
    "build": "node  ./scripts/build",
    "test": "node  ./scripts/test"
  },
 //增加less
 "transformIgnorePatterns": [
      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
      "^.+\\.module\\.(css|less|sass|scss)$"
    ],
 "moduleNameMapper": {
      "^react-native$": "react-native-web",
      "^.+\\.module\\.(css|less|sass|scss)$": "identity-obj-proxy"
  },