開源一年,VUX@2.X 發布 - OSCHINA - 中文開源技術交流社區

2020-12-13 開源中國

VUX@2.X 更新

從 2.0-2.1 版本,大概做了這些事:

另外,為了實現真正的開箱即用,除了快速入門的模板,在文檔裡也分享了開發中常見的經驗以及常用工具庫。

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

此時此刻

下載地址:

相關焦點