Webpack-dev-server 提供旧文件内容

Question

我有一个非常简单的项目:

appdir
+- app
+- main.js
+- build
+- bundle.js
+- index.html
+- webpack.config.js

webpack.config.js:

var path=require("path");

module.exports = {
    entry: path.resolve(__dirname, "./app/main.js"),
    output: {
        path: path.resolve(__dirname, "build"),
        filename: "bundle.js"
    }
};

我换了之后 main.js ，webpack-dev-server 似乎检测到更改并执行重新捆绑 bundle.js ，但浏览器仍然收到 main.js 的旧内容.

我通过执行 webpack-dev-server webpack.config.js 启动服务器

有任何想法吗？

Answer 1

调查https://github.com/webpack/webpack-dev-server/issues/24 , 我添加了 publicPath至 webpack.config.js并且 webpack 现在提供包含新内容的包 ^_^

var path=require("path");

module.exports = {
    entry: path.resolve(__dirname, "./app/main.js"),
    output: {
        path: path.resolve(__dirname, "build"),
        filename: "bundle.js",
        publicPath: "/build/",
    },
    devServer: {
    }
};