该项目架构是纯手工搭建的,并非使用脚手架搭建~

相关技术

react + redux + react-router + sass + antd + eslint + webpack

项目预览地址 https://jesonman.github.io/react-admin-demo/

项目源码地址 https://github.com/JesonMan/react-admin/

相关页面

登录react后台管理系统项目demo

首页react后台管理系统项目demo

相关优化

  1. 使用DllPlugin和DllReferencePlugin插件,dll化常用的第三方模块,提高webpack构建速度,也有利于客户端缓存。
  2. 使用HappyPack插件开启多进程loader转换,提高webpack构建速度。
  3. 使用autoprefixer实现自动补全css浏览器兼容前缀。
  4. 使用MiniCssExtractPlugin插件抽离css到单独的css文件,并使用OptimizeCssAssetsPlugin插件对css进行压缩。
  5. 使用react-loadable实现代码分割,从而实现按需加载。

相关文章:

  • 2021-12-26
  • 2021-11-20
  • 2022-01-29
  • 2021-08-27
  • 2021-09-08
  • 2022-12-23
  • 2022-12-23
  • 2021-07-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-15
  • 2021-07-14
  • 2021-12-12
相关资源
相似解决方案