Как настроить --watch в webpack в Vue?

Question

[danilr]

Проект собирается на Vue-cli, но там нет скрипта на npm run watch, а есть только на run serve.
В корне лежит документ для конфигураций vue.config.js.

Как сделать чтобы работал watch? (например, при установке laravel+vue он идет из коробки)

Comments

[Andrey Suha]

А по примеру как в laravel не получается? Это вроде из коробки в вебпаке есть

[alex]

serve, watch - одно и то же делают, какая разница как они называются? можете сами в package.json название поменять

[danilr]

Alex, суть работы разная. Serve - никуда не перезаписывает собранные данные, а хранит в памяти, а watch меняет.

[danilr]

Andrey Suha, видишь ли, там нет начальных видимых настроек для пользователя. Как и в vue/cli

[alex]

danilr,

в vue-cli есть команда build --watch - вроде как будет собирать проект с отслеживанием и сохранением в папку dist. Но там кажется собирается продакшн версия, так что могут быть проблемы с производительностью при изменении

[Andrey Suha]

danilr, так у Вас все равно есть packege.json
"watch": "npm run development --watch"

вот так пробовали?

[danilr]

Andrey Suha, попробовал - говорит development не найден. Это и логично, так как этого скрипты были написаны так:

"scripts": {
    "serve": "vue-cli-service serve",
    "watchhh": "npm run development --watch",
    "watch": "vue-cli-service development --watch",
    "build": "vue-cli-service build
  },

[danilr]

Alex, добавил туда --watch это жесть просто, там теперь при каждом изменении добавляется файл js новый и их количество стремится к бесконечности.

[alex]

danilr, ну так это решает вашу задачу или нет?

[danilr]

ну нет, мне надо адекватную настройку для webpack, а тут вес js растет с каждым изменением

[shvets2]

danilr, А чем вас смущают файлы HMR? Ничего такого в них нет, это же лишь в режиме разработки. Если вы запустите dev-server (команда serve), то эти файлы будут также генерироваться, вы их просто не увидите.

Answer 1

[Роман Башарин]

Привет!)
--watch есть только у 'vue-cli-service build'
Если вам нужно запустить сборку в development режиме выставьте доп. флаг:
vue-cli-service build --watch --mode development

Comments

[danilr]

Спасибо за ответ, это работает не как мне надо, к сожалению, но видимо других настроек у cli нет

[Роман Башарин]

А какое именно поведение вы ожидаете?