webpack

Запускайте дев-сервер с опцией --host (можно добавить её в команду из package.json), например:

--host mysite.loc

в качестве адреса можно указать тот, на котором работает ваша страница, которую и требуется перезагружать при обновлении js.

Подробнее об опции: https://webpack.js.org/configuration/dev...

Webpack Encore

То же самое в symfony 4 можно решить модификации package.json, в моем случае, я использовал формат:

Явно указывайте относительный путь, начиная с точки, если (если папка common лежит в той же папке, в которой расположен скрипт, в котором вы пишите данную инструкцию импорта):

import './common/bootstrap.js';

В моем случае отслеживание изменений активировалось с помощью команды (см. использование npm c encore):

npm run-script watch

Также сразу же завершается (один раз собрав скрипты), а не продолжает отслеживать изменения.
Прямой запуск:

./node_modules/.bin/encore dev --watch

Получается тот же самый ответ (тоже компилируя один раз и завершаясь):

Рассмотрим пример конфигов, webpack.config.js:

По сути encore является дополнением (оберткой) к Webpack, поэтому многие его команды тоже являются надстройками/упаковками над близкими по смыслу возможностями webpack-а.

Установка

Сначала ставим обычным образом энкор:

composer require encore

Потом подтягиваем зависимости с помощью npm:

The command "npm run build" failed.

Exit Code: 254 (Unknown error)

-- причина в том, что перед выполнением команд, необходимо переходить в нужную папку, пример для yii2:

Просто пишите путь вроде:

import   '../common-plugins/juts-common-jquery-plugins.js';

Решение

Используйте externals вместе с "null"

Получаем ошибку вроде:

ReferenceError: jquery is not defined

для сгенерированного кода:

module.exports = jquery-ui;

Добавьте в webpack.config.js поле:

devtool: "source-map"