Giter VIP home page Giter VIP logo

react-antd-webpack's Introduction

#基于 react、antd、dva 的前端架子

ui 框架 Ant Design, 状态管理 dva,而木有用它自带的 roadrc(感觉封装化太强不是很喜欢)

npm install

src
 components 公共组件
 constants 常量
 layouts 全局布局
 models model
 pages 页面
 services 所需要的请求方式方法
 styles 公共样式
 utils 公共方法

.babelrc babel 加载配置
.eslintrc 代码检查
.npmrc 配置 node-sassurl
.postcss.config.js css 前缀配置
theme.js 定制主题

npm start

运行开发模式.

npm run build

生产模式 生成静态资源文件

1:开箱即用,
2:webpack 做了代码分割,
3:页面路由按需加载,
4:antd 主题自定义,
5:antd 组件以及 antd 样式懒加载、
6:提取公共库、
7:代码压缩、
8:样式文件提取、
9:样式文件模块化,
10:代码检查 使用了https://github.com/babel/babel-eslint

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.