Laravel -Mix с BrowserSyn c, работающий со всем, кроме Vue. js компонентов - PullRequest
Новая
       19

Laravel -Mix с BrowserSyn c, работающий со всем, кроме Vue. js компонентов

3 голосов
/ 22 апреля 2020
  • laravel-mix@4.1.4
  • Узел v12.16.2
  • NPM v6.14.4
  • ОС: Laravel Усадьба

Описание:

Запуск npm Запуск часов работает как чудо, всякий раз, когда я обновляю представления, контроллеры, модели и т. Д. c. Это автоматически обновляет и экономит время. Однако с файлами. vue это другая история. Я делаю обновления для моего компонента, браузеры обнаружили изменения и перезагрузили. Но не с обновленным кодом, это как кеширование или не компиляция приложения. js после изменений.

Когда я 'ctrl + c' выходит из 'npm run watch' и запускаю его снова , Показывает обновленный код. Проблема в том, что каждый раз я делаю обновление. Мне нужно запустить «npm run watch» или «npm run dev».

Я провел сегодня несколько часов, просматривая руководства и внося изменения в файл webpack.mix. js. Я сейчас ударился о кирпичную стену ....

Мой webpack.mix. js Файл 

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
    .extract(['vue'])
    .sourceMaps()
    .sass('resources/sass/app.scss', 'public/css')
    .browserSync({
    host: '192.168.10.10',
    proxy: 'mywebsite.test',
    open: false,
    injectChanges: true,
    logSnippet: true,
    watchOptions: {
        usePolling: true,
        interval: 500,
        poll: true,
        ignored: /node_modules/
    },
    files: [
        'app/**/*.php',
        'resources/views/**/*.php',
        'resources/js/app.js',
        'resources/js/components/*.vue',
        'packages/mixdinternet/frontend/src/**/*.php',
        'public/js/**/*.js',
        'public/css/**/*.css'
    ]
});

Браузер Син c

DONE  Compiled successfully in 7276ms                                                                        4:05:50 PM

          Asset      Size        Chunks             Chunk Names
   /css/app.css   177 KiB       /js/app  [emitted]  /js/app
     /js/app.js  2.92 MiB       /js/app  [emitted]  /js/app
/js/manifest.js  6.12 KiB  /js/manifest  [emitted]  /js/manifest
  /js/vendor.js   885 KiB    /js/vendor  [emitted]  /js/vendor
[Browsersync] Proxying: http://mywebsite.test
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.10.10:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 --------------------------------------
[Browsersync] Watching files...
[Browsersync] Reloading Browsers...

Для пояснения: browserSyn c работает со всем, кроме файлов. vue, которые не компилируются в приложение. js. Мне нужно как-то заставить его перекомпилировать после обновления файла. vue.

...