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

Question

danilr @danilr

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

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

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

Вопрос задан более трёх лет назад
1700 просмотров

11 комментариев

Подписаться 2 Средний 11 комментариев

Andrey Suha @andreysuha

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

Написано более трёх лет назад
alex @potapchino

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

Написано более трёх лет назад
danilr @danilr Автор вопроса

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

Написано более трёх лет назад
danilr @danilr Автор вопроса

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

Написано более трёх лет назад
alex @potapchino

danilr,

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

Написано более трёх лет назад
Andrey Suha @andreysuha

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

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

Написано более трёх лет назад
danilr @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 @danilr Автор вопроса

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

Написано более трёх лет назад
alex @potapchino

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

Написано более трёх лет назад
danilr @danilr Автор вопроса

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

Написано более трёх лет назад
shvets2 @shvets2

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

Написано более трёх лет назад

Решения вопроса 1

2 комментария

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- 5 часов назад
- 20 просмотров
0

ответов
Vue.js

Простой
Из-за чего может добавлять слеш в url?
- 1 подписчик
- вчера
- 49 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 22 апр.
- 69 просмотров
1

ответ
Vue.js

Средний
Какие существуют способы отреагировать на удаление элемента из массива, который передается как пропс в другие компоненты?
- 1 подписчик
- 22 апр.
- 40 просмотров
1

ответ
CSS

+1 ещё

Средний
При сборке webpack картинки из css не открываются?
- 1 подписчик
- 22 апр.
- 98 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Почему при сборке проекта вебпаком не отображаются картинки?
- 1 подписчик
- 20 апр.
- 78 просмотров
0

ответов
Vue.js

Простой
Как получить событие клика в updated()?
- 1 подписчик
- 19 апр.
- 44 просмотра
1

ответ
Vue.js

+1 ещё

Средний
Как использовать хуки NUXT в модулях?
- 1 подписчик
- 19 апр.
- 60 просмотров
1

ответ
Vue.js

Простой
Как решить проблему с логикой валидации после перезагрузки страницы в Vue.js?
- 1 подписчик
- 19 апр.
- 51 просмотр
1

ответ
Vue.js

Средний
Как сделать светлую тему по дефолту во Vueform?
- 1 подписчик
- 18 апр.
- 63 просмотра
2

ответа
Показать ещё Загружается…

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Frontend developer (middle/senior)

//stablecode

от 210 000 ₽

Senior Frontend VueJS (частичная занятость)

Онград+

от 125 000 ₽

Создание и публикация короткого (reels) UGC-видео на YouTube-канале

25 апр. 2024, в 01:46

500 руб./за проект

Настроить перехват https-трафика для android-приложения

25 апр. 2024, в 01:02

10000 руб./за проект

Программа (скрипт) для автоматизации торговли Solana

25 апр. 2024, в 00:45

100 руб./в час

А по примеру как в laravel не получается? Это вроде из коробки в вебпаке есть
serve, watch - одно и то же делают, какая разница как они называются? можете сами в package.json название поменять
Alex, суть работы разная. Serve - никуда не перезаписывает собранные данные, а хранит в памяти, а watch меняет.
Andrey Suha, видишь ли, там нет начальных видимых настроек для пользователя. Как и в vue/cli
danilr,

в vue-cli есть команда build --watch - вроде как будет собирать проект с отслеживанием и сохранением в папку dist. Но там кажется собирается продакшн версия, так что могут быть проблемы с производительностью при изменении
danilr, так у Вас все равно есть packege.json
"watch": "npm run development --watch"

вот так пробовали?
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 },
Alex, добавил туда --watch это жесть просто, там теперь при каждом изменении добавляется файл js новый и их количество стремится к бесконечности.
danilr, ну так это решает вашу задачу или нет?
ну нет, мне надо адекватную настройку для webpack, а тут вес js растет с каждым изменением
danilr, А чем вас смущают файлы HMR? Ничего такого в них нет, это же лишь в режиме разработки. Если вы запустите dev-server (команда serve), то эти файлы будут также генерироваться, вы их просто не увидите.

Answer 1 · 2019-07-13 02:53:55

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт