-
安装依赖
npm install 或者 yarn install
-
运行本地环境
npm start 或者 yarn start
-
项目编译线上环境
npm build 或者 yarn build
.
├── README.md【帮助文档】
├── public【存放项目静态UI框架】
│ ├── favicon.ico
│ └── test.css
├── package.json
├── src
│ ├── assets【项目静态资源】
│ │ ├── fonts
│ │ │ ├── iconfont.eot
│ │ │ ├── iconfont.ttf
│ │ │ ├── iconfont.woff
│ │ │ └── iconfont.woff2
│ │ ├── images
│ │ │ ├── Loading.png
│ │ │ ├── iconfont.svg
│ │ │ ├── nodejs.svg
│ │ │ ├── npm.svg
│ │ │ └── yarn.svg
│ │ ├── medias
│ │ │ └── video.mp4
│ │ └── styles
│ │ ├── _global.scss【全局 sass 变量文件】
│ │ └── iconfont.css
│ ├── layout【公共头尾】
│ │ ├── footer.html
│ │ ├── header.html
│ │ └── init.js【初始化页面布局】
│ ├── model
│ │ ├── api.js【统一管理 API 接口地址】
│ │ └── http.js【封装 axios,添加拦截器以及错误处理】
│ ├── tools【项目各个工具函数存放文件夹】
│ │ └── loading.js
│ ├── view-model【页面逻辑处理层】
│ │ ├── HomeView.js
│ │ └── IndexView.js
│ └── views【视图层 (添加新页面请固定结构创建,子目录有webpack构建页面名称)】
│ ├── home
│ │ ├── index.html
│ │ ├── index.js
│ │ └── style.scss
│ └── index
│ ├── index.html
│ ├── index.js
│ └── style.scss
├── webpack【配置文件目录】
│ ├── webpack.base.conf.js【webpack 公共部分】
│ ├── webpack.dev.conf.js【开发环境独立部分--server对象下配置代理以及本地调试地址】
│ ├── webpack.prod.conf.js【编译环境独立部分】
│ └── webpack.watch.conf.js【性能分析配置】
├── .babelrc【webpack loader配置】
├── .gitignore【git 过滤文件配置】
└── yarn.lock