https://github.com/chenlong-io/react-cli

antd immutable react-router-dom react16 styled-components typescript

Last synced: about 2 months ago
JSON representation

一个拿来即用的react开发环境

Host: GitHub
URL: https://github.com/chenlong-io/react-cli
Owner: chenlong-io
Created: 2017-11-11T08:26:21.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-08-15T03:13:33.000Z (over 6 years ago)
Last Synced: 2025-03-10T22:08:26.515Z (about 2 months ago)
Topics: antd, immutable, react-router-dom, react16, styled-components, typescript
Language: JavaScript
Homepage:
Size: 526 KB
Stars: 21
Watchers: 3
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

README

### react-ve

一个让你快速搭建`react`开发环境的脚手架

### 优化项

1. 代码丑化压缩
2. 代码分割(code-splitting) 模板使用基于路由的动态导入
3. 使用 DLL 将公用依赖库模块封装为一个独立文件

#### 安装及使用

1. `npm install react-ve -g`
2. `react-ve init [projectName]`

#### 启动项目

1. `cd [projectName]`
2. `yarn` 或 `npm install`
3. `npm run dll`
4. `npm start`

在浏览器地址栏中输入：`localhost:3000`即可访问

项目打包，运行`npm run build`即可，项目将打包至`dist`文件夹内

##### 默认使用技术栈：

1. `react`
2. `typescript`
3. `antd`
4. `styled-components`
5. `react-router-dom`
6. `immutable`

你可以根据喜好来`install`或`uninstall`它们。

---

##### 建议：

项目公共样式（包括`antd`、框架、装饰页）使用`less`，页面级样式采
用`styled-components`，以防止样式污染。

---

##### DLL ：

在`webpack.dll.config.babel.js`中，默认打包的公共包包括：

```
entry: {
vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
}
```

你可以根据自己的喜好做删减