本项目wepack3,测试通过,快来体验吧!
热更新、ES6/7、LESS、Router4、redux、webpack3、async/await、前端node服务器,按需加载...
本项目是客户端渲染版本
对于 HTTP/1.1 客户端,由 webpack 打包你的应用程序会尤其强大,因为在浏览器发起一个新请求时,
它能够减少应用程序必须等待的时间。对于 HTTP/2,你还可以使用代码拆分(Code Splitting)以及通过
webpack 打包来实现最佳优化。
==========================
1、 安装依赖包。
npm install 或者cnpm install 或者yarn(推荐)
2、运行脚手架。
npm start
3、将会开启8080端口.
http://127.0.0.1:8080
4、打包发布: 默认打包后的文件统一放到dist文件夹下
npm run build
5、code编写规则及行为规范请参考
https://github.com/cindyrise/doc.git
==============================================
1.新建组件
npm run newCom -- comName [-- d](组件目录)
comName地址:./src/webapp/components
2.新建页面
运行 npm run newPage -- pageName
pageName地址:./src/webapp/pages/pageName
自动生成 actions,redux,routers,contants,api,type
3.组织规范
https://github.com/cindyrise/doc.git
===========================================
├── build //webpack各种环境打包配置
├── mock //测试数据,模拟api接口
├── dist //打包后文件存放文件夹
├── src //项目的主要目录
│ │ └── webapp //webapp目录
│ │ │ ├── assets //此应用对应的静态资源
│ │ │ │ ├── img //全局静态图片目录
│ │ │ │ ├── fonts //全局字体目录
│ │ │ │ ├── lib //全局js类库地址
│ │ │ ├── pages //页面
│ │ │ ├── tpls //模板页面
│ │ │ ├── constants //全局常量
│ │ │ ├── components //全局公用组件
│ │ │ ├── utils //提供一些小工具
│ │ │ ├── app.js //应用的入口
│ │ │ └── routers.js //根路由文件
│ │ └── script //脚本目录
├── webapp.ejs //wepack打包模板文件
├── .babelrc //babel相关配置
└── package.json //node相关环境的配置文件