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"
},