简单的react的自动化脚手架
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
views
.eslintrc.js
.gitignore
LICENSE
README.md
gulpfile.js
package.json
webpack.config.js

README.md

.
├── node_modules: 模块
|   └── ...
├── dist: 打包生成目录
|   ├── css: css目录
|   ├── img: img目录
|   ├── js: js目录
|   └── lib: 第三方库
├── src: 开发环境
|   ├── js: js目录
|   |   ├── app: app目录(打包入口文件地址)
|   |   ├── components: components目录,存放组件
|   |   └── utils: utils工具类
|   ├── less: less目录
|   └── config: 配置文件目录
├── package.json: npm 配置文件
├── .eslintrc.js: eslint配置文件
├── gulpfile.js: gulp配置文件
└── webpack.config.js: webpack配置文件

规范

  • 统一使用ES6语法,使用webpack打包 js规范
  • 通过父级组件class定义组件内部css样式 CSS规范

启动(当前目录下命令行)

  • npm install
  • npm install -g gulp

文件改动监听打包

  • gulp