All Projects → Rashomon511 → React-Whole-barrels

Rashomon511 / React-Whole-barrels

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

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to React-Whole-barrels

Fashop Admin
微信小程序商城后台,微信小程序微店后台,接口基于FaShop
Stars: ✭ 198 (+760.87%)
Mutual labels:  dva, webpack4
React Latest Framework
a client framework of React
Stars: ✭ 835 (+3530.43%)
Mutual labels:  less, webpack4
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (+408.7%)
Mutual labels:  dva, webpack4
vue-antdesign-admin-template
Ant Design Pro Vue Template
Stars: ✭ 127 (+452.17%)
Mutual labels:  antdesign, webpack4
Web Study
本仓库是自己总结的前端开发一些基础知识,包括html5,css3, canvas, jQuery, less ,ES6, webpack,Vue等,也包含了一些算法和数据结构方面的练习,同时也记录了自己工作中的踩坑总结,适合想要学习前端开发的伙伴,你可以clone项目到本地,然后一步一步跟着我的demo敲,希望大家都能全栈。
Stars: ✭ 176 (+665.22%)
Mutual labels:  less, webpack4
simple react startkit
This is a simple react boilerplate, without complex dependencies(eg. redux or router), this project can help you start the react project in seconds.
Stars: ✭ 109 (+373.91%)
Mutual labels:  less, webpack4
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+165.22%)
Mutual labels:  less, dva
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (+91.3%)
Mutual labels:  less, webpack4
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+7869.57%)
Mutual labels:  less, webpack4
Webpack4.x
webpack4.x详细配置步骤
Stars: ✭ 103 (+347.83%)
Mutual labels:  less, webpack4
react-mobile
从0构建 react 移动端框架,包含 分模块打包,自动转为rem,强大的路由功能,并配置dva,and-mobile等优质组件(项目会逐渐迭代~)
Stars: ✭ 30 (+30.43%)
Mutual labels:  less, dva
quickstart-miniprogram
🎉微信小程序webpack模板
Stars: ✭ 32 (+39.13%)
Mutual labels:  less, webpack4
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-26.09%)
Mutual labels:  dva, antdesign
booto
😍A light framework for React Application. Easy for life!
Stars: ✭ 18 (-21.74%)
Mutual labels:  dva
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (+243.48%)
Mutual labels:  webpack4
phaser3-typescript-template
A Phaser 3 TypeScript Template
Stars: ✭ 30 (+30.43%)
Mutual labels:  webpack4
static-html-template
静态页面网站快速开发环境,支持自动刷新页面,less样式预处理。
Stars: ✭ 19 (-17.39%)
Mutual labels:  less
campus-leaflets
校园传单是一个使用 Node.js、MongoDB、Koa、EJS、MDL、Less、RequireJS 和 Gulp 开发的 Node 应用程序。
Stars: ✭ 16 (-30.43%)
Mutual labels:  less
Symfony-4-by-Samples
Symfony 4 by Samples is a personal project in which I will be creating small demos with tutorial in which to learn the symfony framework 4. Each of the samples contains a README.md file that indicates the purpose of the sample plus an step by step guide to reproduce it. Basic topics, login and register form, authentication, webpack encore, sass…
Stars: ✭ 40 (+73.91%)
Mutual labels:  webpack4
gas-typescript-webpack
This is an example of writing Google Apps Script in TypeScript and building with webpack
Stars: ✭ 27 (+17.39%)
Mutual labels:  webpack4

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! ! 谢谢 !!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].