Question

我正在努力使Laravel Mix和webpack-dev-server正常工作。 Mix可以很好地将资产绑定到文件，并且使用“监视”模式也可以正常工作。

当我尝试将其与webpack-dev-server一起使用时，遇到了问题。内存中的“构建”似乎可以正常工作，而开发服务器正在提供资产（因此不是缓存问题）-但它是从存储中而不是内存中的版本中服务过时的。如果更改源文件，我会在控制台中看到重新生成的文件，但是如果我按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" },
      }
    }
  });

“纱线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: '/' },

Laravel Mix和webpack-dev-server：更改的文件不刷新？

0 个答案: