Рабочий процесс Vue Micro UI / веб-компонентов

Question

В поисках идей о том, как лучше улучшить рабочий процесс моей команды в области локальной разработки ...

У нас есть проект приложения оболочки Vue CLI, который выполняется локально через узел. Затем у нас есть несколько небольших приложений веб-компонентов Vue CLI, которые обслуживаются через узел.

Когда оболочка запускается, она обращается к каждому приложению веб-компонента, получая файл manifest.json, который сообщает оболочке, где и когда отображать соответствующие веб-компоненты.

Наши веб-компоненты создаются с использованием чего-то вроде ...

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

Необходимость непрерывной сборки проектов веб-компонентов после внесения изменений в код ... отладка ... и затем повторная сборка кажется громоздкой. Это новое приложение, поэтому в настоящий момент кодовая база постоянно меняется.

Надеялся, что у кого-то могут быть предложения относительно того, как или инструменты, которые мы могли бы использовать для повышения нашей производительности.

Answer 1

Не переусердствуйте.

Вот Nuxt.js

Насколько я могу сказать, он делает все, что вы хотите сделать прямо из коробки. Просто настройте базовый проект Hello World с Nuxt и посмотрите, делает ли он все, что вам нужно, чтобы он сделал для вас. Он использует Vue.js и Webpack для создания точно такого же типа приложения, которое вы разрабатывали бы с Vue, просто у него более приятный макет и в целом более простой рабочий процесс. Он поддерживает горячую перезагрузку при изменениях файлов, вы просто запускаете nuxt в корневой папке вашего проекта и запускается локальный сервер, который выполняет горячую перезагрузку вашего проекта всякий раз, когда вы сохраняете изменения в файле. Затем вы распространяете его либо как статическое приложение с nuxt generate, либо создаете его как отрендеренное приложение на стороне сервера, используя nuxt build и nuxt start.