Vue Micro UI/Web 组件开发工作流程

Question

寻求一些关于如何更好地改进我的团队本地开发工作流程的想法...

我们有一个通过节点在本地运行的 Vue CLI shell 应用程序项目。然后我们有一些通过节点提供服务的小型 Vue CLI Web 组件应用程序。

当 shell 运行时，它会访问每个 web 组件应用程序，检索 manifest.json 文件，该文件告诉 shell 何时/何时显示相应的 web 组件。

我们的 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 将其构建为服务器端呈现的应用程序。