Webpack 2.0+Vue 2.0+iView UI前端项目组合

Webpack 2.0 的打包能力配上 Vue 2.0 的轻巧,再加上 IView UI 的丰富组件,这组合用起来是真挺顺手的。项目配置上也比较清晰,像entryoutputloaders这些常规配置都有提到,适合刚上手 Webpack 又想玩 Vue 的你。

Webpack 2.0的 Tree Shaking 挺实用,用 ES6 import/export自动去掉没用的代码,打包出来更轻。还有对TypeScript的支持,也算是照顾到类型控的需求了。

Vue 2.0的表现也还不错,引入了虚拟 DOM,响应也快;单向数据流用起来思路更清楚;像Vue RouterVuex这些工具,也挺方便地就能搞定页面和状态管理。

IView UI是个加分项,套上就有一堆 UI 现成可用,像ButtonModalTable这些日常组件全都有,不想自己写样式的会觉得香。设计风格也比较统一,视觉体验还不错。

Webpack 的配置部分比较实用,像HtmlWebpackPluginMiniCssExtractPlugin这些插件基本都用上了,优化方面也提到了SplitChunksPlugin和 Tree Shaking,适合做性能优化的练手。

如果你正好在用 Vue 2.0,又想搭个 UI 界面快速开发,不妨参考一下这个项目。顺便放几个相关文章,想深入了解的可以点过去看看。

zip 文件大小:590.28KB