首页 > 其他 > 详细

项目主页工程搭建

时间:2019-08-27 16:07:14      阅读:64      评论:0      收藏:0      [点我收藏+]

---恢复内容开始---

1.基础插件安装,less文件加载配置

  •  安装基础插件
    • 安装React-Router 、Axios
      • yarn add react-router-dom axios less-loader(router是4.0版本)
    • 安装antd
      • yarn add antd
    • 暴露webpack配置文件
      • yarn eject
    • 安装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$/
      • 在sass的配置下新增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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!