时间戳

首页 > 解决方案 > Vue Micro UI/Web 组件开发工作流程

node.js - Vue Micro UI/Web 组件开发工作流程

问题描述

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

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

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

我们的 Web 组件应用程序是使用类似...

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

在进行代码更改后必须不断构建 Web 组件项目......调试......然后再次重建似乎很麻烦。这是一个新的应用程序，因此目前代码库不断变化。

希望有人可以对我们可以用来提高生产力的方式或工具提出建议。

标签： node.jsvue.jswebpack

解决方案

不要把事情复杂化。

这是Nuxt.js

据我所知，它可以做你想做的一切，开箱即用。只需使用 Nuxt 设置一个基本的 hello world 项目，看看它是否能完成您需要它为您做的所有事情。它使用 Vue.js 和 Webpack 来构建与您使用 Vue 开发的完全相同类型的应用程序，它只是具有更好的布局和更简单的工作流程。它支持文件更改时的热重载，您只需nuxt在项目的根文件夹中运行，并启动本地服务器，每当您保存对文件的更改时，它就会热重载您的项目。然后，您可以将其作为静态应用程序分发，也可以使用andnuxt generate将其构建为服务器端呈现的应用程序。nuxt buildnuxt start

推荐阅读