的WebPack-DEV-服务器为旧文件内容

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: { 
    } 
}; 

Answer 2

我有同样的问题，它原来是事业的失踪尾随在webpack.config.js中的src和dist路径中缩减。

Answer 3

我在同一件事情上挣扎，我的目录结构几乎完全匹配你。 The docs指出“你不能指定绝对路径[对于output.filename]”。考虑到问题的复杂性，我没有看到使用路径模块的效用。

您可能能够解决这个问题是这样的：

module.exports = { 
    entry: "./app/main.js" 
    output: { 
     filename: "./build/bundle.js" 
    } 
};