Vue Micro UI / Web組件開發工作流程

Question

尋求一些有關如何更好地改善我的團隊本地開發工作流程的想法...

我們有一個通過節點在本地運行的Vue CLI Shell應用程序項目。 然后，我們有一些通過節點提供服務的小型Vue CLI Web組件應用程序。

運行外殼程序后，它會到達每個Web組件應用程序，並檢索manifest.json文件，該文件告訴外殼程序在何處/何時顯示各個Web組件。

我們的網絡組件應用程序是使用類似...

vue-cli-service build --target wc --name foo 'src/components/*.vue'

更改代碼后，必須繼續構建Web組件項目...調試...，然后重新構建似乎很麻煩。 這是一個新應用程序，因此目前代碼庫的流量是恆定的。

希望有人對我們可以用來提高生產率的方式或工具提出建議。

Answer 1

不要使事情過於復雜。

這是Nuxt.js

據我所知，它可以立即完成您想做的所有事情。 只需使用Nuxt建立一個基本的hello world項目，看看它是否可以為您完成您需要做的一切。 它使用Vue.js和Webpack構建與使用Vue開發的應用程序完全相同的應用程序類型，它總體上具有更好的布局和更輕松的工作流程。 它支持對文件更改進行熱重裝，您只需在項目的根文件夾中運行nuxt ，然后啟動本地服務器，每當您將更改保存到文件中時，該服務器就會熱重裝項目。 然后，您可以使用nuxt generate將其分發為靜態應用程序，或者使用nuxt build和nuxt start將nuxt build為服務器端渲染的應用程序。