基于司徒大神的轻量级MVVM框架avalon2.0搭建的一个简易的脚手架。
该脚手架是基于Mobx-React的脚手架Wukong修改而来。
采用了 avalon2.0 + webpack2 + mmRouter + HMR + dll + happypack等配置。
支持打包预览、打包性能分析、性能分析网页自动生成、dll文件优化等功能。
目前没有考虑IE9以下的兼容性问题。一度的纵容还不如割掉。
webpack command
- npm start 运行
- npm run build 生产环境打包
- npm run dll 运行dll配置文件,打一个dll包
- npm run redll 删除现有的dll文件,再重新打包
- npm run deploy 可发布的包,上线时建议用这个打包
- npm run preview 预览打包效果,需要cd ./dist 再执行。
how to run
git clone https://....
cnpm install | npm install...
npm run redll
todos list
- 移动端
- IE9以下的兼容(不想做)
- 加入状态管理器
- 完善一个复杂的demo
- ...
notice
由于采用了dll配置优化,在发布上线的时候需要手动把build/dist/vendor.js拷贝到打出的dist/static/下。
同时需要修改入口文件index.html的引用地址。
<script type="text/javascript" src="/build/dist/vendor.js"></script> 生产环境下改成:
<script type="text/javascript" src="/static/dist/vendor.js"></script>
thanks
author
项目持续更新...