Laravel Mix и webpack-dev-server: измененные файлы не обновляются? - PullRequest
Новая
       28

Laravel Mix и webpack-dev-server: измененные файлы не обновляются?

0 голосов
/ 16 октября 2018

Я изо всех сил пытаюсь заставить Laravel Mix и webpack-dev-server работать вместе правильно.Mix отлично работает для объединения ресурсов в файлы, и использование режима «часы» также работает правильно.

Когда я пытаюсь использовать его с webpack-dev-server, у меня возникают проблемы.«Сборка» в памяти, кажется, работает, и dev-сервер обслуживает ресурсы (поэтому не проблема с кэшем) - но он обслуживает устаревшие из хранилища, а не из версий в памяти.Если я изменяю исходный файл, я вижу перестроение в консоли, но все равно устаревшие ресурсы обслуживаются, если я нажимаю F5.(Устаревшие активы взяты из предыдущей 'обычной' сборки Laravel)

Вот мой webpack.mix.js 

let mix = require('laravel-mix').mix;

mix.ts('resources/assets/ts/app.ts', 'public/js')
   .sass('resources/assets/css/webcentre.scss', 'public/css')
   .webpackConfig({
     devServer: {
      proxy: {
        "!**/*.(js|css)": { target: "http://localhost:8000" },
      }
    }
  });

"yarn serv" делает это: - 

  "serv": "webpack-dev-server --progress --config=node_modules/laravel-mix/setup/webpack.config.js"

Доступ к http://localhost:8080/webpack-dev-server возвращает действительную HTML-страницу - но видимого содержимого нет - просто пустой список <ul></ul>.

Я нашел хак, который исправляет это, посмотрев на источник, ноЯ не понимаю, зачем это нужно.Добавление следующего в блок .webPackConfig приводит к тому, что приведенный выше URL возвращает разумные данные, и все работает, как и ожидалось.

output: { path: '/' },
...