Skip to content

webapck + react + react-router +dva + es6 + less + antd 实现的脚手架 👌👌

Notifications You must be signed in to change notification settings

Rashomon511/React-Whole-barrels

Repository files navigation

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

快速开始

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

其他配置

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

最后

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

About

webapck + react + react-router +dva + es6 + less + antd 实现的脚手架 👌👌

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published