Создание vue. js библиотеки компонентов. Избегайте перестраивать его после каждого редактирования

Question

Введение: Я создал два проекта с vue -cli ~ 4.2.0:

• parent-app - основной проект
• dummylib - библиотека, которая импортируется parent-app. Содержит кучу .vue компонентов внутри.

В настоящее время parent-app отлично работает в режиме разработки с импортированием dummylib. Все * 10161 * * vue -компоненты отображаются нормально.

Проблема: Я хочу отредактировать dummylib и увидеть изменения на лету , как это происходит с parent-app: без необходимости перестраивать его после каждой модификации кода.

Мой текущий процесс разработки библиотеки :

1. (dummylib) : yalc publish - при условии, что он уже построен
2. (parent-app): yalc link dummylib
3. (parent-app): npm serve - начать локальную разработку
4. Редактирование dummylib ...
5. (dummylib): npm build - !!! Хотите избежать этого шага !!!
6. (dummylib): yalc publish --push - После этого я вижу, как применяются мои правки из (4) ...

Так есть ли варианты, чтобы избежать (5)? Я тоже думал о monorepo, но решил не иметь его в настоящее время.

Answer 1

Наконец, все получилось, добавив:

"start": "vue-cli-service build --target lib --name dummylib src/main.js --watch --mode development"

в scripts секцию в package.json