项目作者: Rashomon511

项目描述 :
webapck + react + react-router +dva + es6 + less + antd 实现的脚手架 ??
高级语言: JavaScript
项目地址: git://github.com/Rashomon511/React-Whole-barrels.git


React-Whole-barrels

基于react + react-router +dva + es6 + less + antd的脚手架

项目介绍

本项目是利用webpack搭建的搭建一个基于react + react-router +dva + es6 + less + antd用于中后台开发的脚手架,
主要是希望通过配置本项目,来对webpack工具有一个更加深入和全面的认识,项目的完整流程也记录在了利用webpack从零搭建一个脚手架中,当然本文也有许多不完善的地方,例如mock、eslint、styleLint等等都没有添加上去,后续我会加上以及不断完善优化该项目,感兴趣的同学可以持续关注哦!

功能实现

  • Es6/7
  • react/react-router/dva
  • less
  • dev-server
  • 模块热替换(HMR)
  • sourcemap
  • CSS代码分割
  • 代码分割(SplitChunksPlugin)
  • 浏览器缓存
  • tree shaking
  • DellPlugin
  • PWA
  • eslint
  • stylelint

快速开始

  1. git clone git@github.com:LuoShengMen/React-Whole-barrels.git
  2. npm install // 依赖包安装
  3. npm run dll // dllplugin进行打包
  4. npm run start // 开发模式启动项目
  5. npm run build // 生产环境项目打包
  6. npm run dev-build // 开发环境打包

其他配置

  1. git checkout TS-React // 切换到ts配置
  2. git checkout Multiplt-Page // 切换到多页面配置

最后

如果你在配置的过程中发现了问题或者错误,请告诉我!!谢谢 !!
如果觉得对您有帮助,欢迎给个star! ! 谢谢 !!