开源一年，VUX@2.X发布

VUX@2.X 更新

从 2.0-2.1 版本，大概做了这些事：

• Vue 升级到2.x

• vue-router 升级到2.x

• vuex 升级到2.x

• webpack 模板升级到webpack@2.x

• WeUI 升级到1.x

• 新的官网，更详细的文档(还在逐步完善中，欢迎PR)，0.x 的文档简陋到我不想再打开旧文档页面，作为基于 Vue 的项目，觉得简直是对不起 Vue 官方文档。

• vue 单文件的预处理工具 vux-loader

另外，为了实现真正的开箱即用，除了快速入门的模板，在文档里也分享了开发中常见的经验以及常用工具库。

vux-loader

vux-loader 是 vue 公共组件分发的一种探索和实践，实现的是.vue源码的调用时构建，它可以用来做一些有趣而且实用的事情。它目前在 VUX 中做的事情主要是：

• 组件的多语言分发，如果你只需要 en 那么调用时源码就是 en 的，不需要在默认是 zh-CN 配置的情况下自行引入 en 语言包

• i18n 的自动抽取，你可以直接在.vue里配置多语言 <i18></i18n>，然后使用任何第三方的 i18n 插件。

• import 语法的解析，将 import { Group, Cell } from 'vux' 拆分成单组件引入。其他组件库将这一步放到了 babel 插件中实现。但是在 .vue 进行预处理可以更灵活。版本库有个map.json 文件进行地址映射，无论项目规范如何更新目录如何变更，总能找到正确的文件地址。也可以自由扩展，即使是工具库也可以直接 import 而不用担心将整个库引入。

• less 变量的全局覆盖，即主题，大部分样式可以通过变量配置

• 自动配置源码js部分使用 babel-loader 转换，再也不用使用我一开始写的蹩脚的正则了

• 可以按照自己需求预处理 template, script, style 部分

• 自动配置对构建后的 css 进行压缩

vux-loader是非侵入式的，只有一个 merge 方法对原有 webpack 配置进行扩展，后面会有一些有意思的功能支持，如果你也在开发公共组件库，欢迎关注 VUX。

详细的使用可以见文档：vux-loader 文档

在组件方面其实没有多少可以分享的东西，可以分享的是 vue 项目的工程化实践。如果有时间，后面会开源一个公共组件库开发模板，支持目录规范、代码规范、文档规范、文档生成、umd文件生成等。

附录数据

截图为文章发布时一周内来源站点数据，除了下面的站点还有 掘金 和 Awesomes - Web前端开发资源库。

文档站访问数据如下，demo站基本和文档站一致。

此时此刻

下载地址：

• https://github.com/airyland/vux/releases