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

来源: 投稿
作者: airyland
2017-02-22

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站基本和文档站一致。

此时此刻

下载地址:

展开阅读全文
37 收藏
分享
加载中
更多评论
15 评论
37 收藏
分享
返回顶部
顶部