Webpack 2.0+Vue 2.0+iView UI前端项目组合
Webpack 2.0 的打包能力配上 Vue 2.0 的轻巧,再加上 IView UI 的丰富组件,这组合用起来是真挺顺手的。项目配置上也比较清晰,像entry
、output
、loaders
这些常规配置都有提到,适合刚上手 Webpack 又想玩 Vue 的你。
Webpack 2.0的 Tree Shaking 挺实用,用 ES6 import/export
自动去掉没用的代码,打包出来更轻。还有对TypeScript
的支持,也算是照顾到类型控的需求了。
Vue 2.0的表现也还不错,引入了虚拟 DOM,响应也快;单向数据流用起来思路更清楚;像Vue Router
和Vuex
这些工具,也挺方便地就能搞定页面和状态管理。
IView UI是个加分项,套上就有一堆 UI 现成可用,像Button
、Modal
、Table
这些日常组件全都有,不想自己写样式的会觉得香。设计风格也比较统一,视觉体验还不错。
Webpack 的配置部分比较实用,像HtmlWebpackPlugin
、MiniCssExtractPlugin
这些插件基本都用上了,优化方面也提到了SplitChunksPlugin
和 Tree Shaking,适合做性能优化的练手。
如果你正好在用 Vue 2.0,又想搭个 UI 界面快速开发,不妨参考一下这个项目。顺便放几个相关文章,想深入了解的可以点过去看看。
590.28KB
文件大小:
评论区