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为服务器端渲染的应用程序。