---恢复内容开始---
1.基础插件安装,less文件加载配置
- 安装基础插件
- 安装React-Router 、Axios
- yarn add react-router-dom axios less-loader(router是4.0版本)
- 安装antd
- 暴露webpack配置文件
- 安装less-loader
- 修改less-loader
-
-
- 2.x 中将webpack.config.dev.js 与 webpack.config.prod.js进行了合并,只有一个webpack.config.js
-
-
yarn eject
只能用一次,用完即止,多出一些文件在目录里,我们要在config文件夹下的webapck.config.js
里配置
-
-
- 新加less匹配项 copy 一份跟
sassRegex
,sassModuleRegex
一样的声明即可: const lessRegex = /.less/ const lessModuleRegex = /.module.less$/
-
-
-
- { test: lessRegex, exclude: lessModuleRegex, use: getStyleLoaders({ importLoaders: 2 }, ‘less-loader‘), }, { test: lessModuleRegex, use: getStyleLoaders( { importLoaders: 2, modules: true, getLocalIdent: getCSSModuleLocalIdent, }, ‘less-loader‘ ), },
- 关掉服务,重新yarn start 在 App.js中导入less文件一切正常
2.项目主页结构开发
3.菜单组件的开发
4.头部组件的开发
5.底部组件的开发
---恢复内容结束---
项目主页工程搭建
原文:https://www.cnblogs.com/ivylv/p/11418394.html