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

标签 webpack webpack-dev-server

我有一个非常简单的项目:
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 启动服务器

有任何想法吗?

最佳答案

调查https://github.com/webpack/webpack-dev-server/issues/24 , 我添加了 publicPathwebpack.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: {
    }
};

关于Webpack-dev-server 提供旧文件内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35835698/

相关文章:

javascript - 如何配置 sw-precache-webpack-plugin 来缓存自定义路径

javascript - 模块构建失败 : TypeError: Cannot read property 'context' of undefined at Object. module.exports

reactjs - 如何调试转译的 JavaScript 代码?

javascript - 切换到不同分支后 Webpack 停止工作然后切换回来

javascript - 什么是 ".js.map"文件?

javascript - 如何将 aurelia 版本从 webpack1 升级到 webpack3?

Webpack Mini CSS Extract Plugin - 提取 CSS 有什么意义?

webpack - 为什么我无法使用 Webpack 编译 SASS?

reactjs - 不是来自 webpack 的内容由/app/public docker 提供

typescript - Webpack 尝试将 .ts 文件解析为 .js,即使 .ts 在 resolve.extensions 列表中排在第一位