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

Question

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

我们有一个通过node本地运行的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将其构建为服务器端呈现应用程序。