4

laravel 5.4 では mix と browserSync がデフォルトで付属しています。*.blade.phpからファイルを変更した場合、ブラウザを新しい変更で更新したいと考えていますresources/views。私webpack.mix.jsはこの構成を持っています：

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

mix
    .js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')
    .browserSync({
        proxy:'localhost',
        port:8000,
        files: {
            match: [
                "resources/views/**/*.blade.php",
                "public/css/*.css",
                "public/js/*.js",
            ],
            fn: function (event, file) {
                /** Custom event handler **/
            },
            options: {
                ignored: [
                    '*.txt',
                    '*.json'
                ]
            }
        },
        logPrefix:'L54',
    });

自分のやり方が正しいかどうかはわかりません。または、Mix の設定などをセットアップする必要があるかもしれません。どんな助けでも大歓迎です。

4

3 に答える 3

2

/publicしかし、リロードのアセットは大丈夫ですか?

とにかく、監視するファイルを指定する必要はないと思います。これらはデフォルトであるためです。私の設定はただ

mix.browserSync({
  proxy: 'theapp.dev'
});

ただし、構成の一部を変更する必要がある場合 (カスタム コールバック用)、filesオプションは配列 (文字列とオブジェクトの両方を取る) にする必要があります。

browserSync({
  files: [                           // 'files' array
    "wp-content/themes/**/*.css",      // 1st element
    {                                  // 2nd element
      match: ["wp-content/themes/**/*.php"],
      fn:    function (event, file) {
            /** Custom event handler **/
      }
    }                                  // end 2nd element
  ]                                  // end 'files' array
});
于 2017-05-16T13:20:22.360 に答える