首页 > 解决方案 > 更改 json 文件时重新加载 webpack 开发服务器

问题描述

我正在使用https://github.com/wbkd/webpack-starter效果很好。

json当我将放入文件夹的文件更改时,我希望服务器重新启动src。你会怎么做?

我仅在构建时使用这个特定json文件 - 当我的内容在浏览器中运行时不需要该文件。

如果我更改我的 josn 文件浏览器不会重新启动,但即使我手动重新启动它我也看不到我的更改,只有当我停止并启动服务器更改时才会出现在浏览器中。我的 json 文件包含一些我在 webpack build 期间在我的 html 中替换的字符串<%= config.title %>

这是 webpack 配置文件https://github.com/wbkd/webpack-starter/tree/master/webpack

我试图设置watch: true但没有帮助。

我还将这一行https://github.com/wbkd/webpack-starter/blob/master/webpack/webpack.config.dev.js#L12修改为:

devServer: {
    inline: true,
    contentBase: [Path.resolve(__dirname, '../src/myconfig.json'],
    watchContentBase: true
  },

但没有区别

标签: jsonwebpackwebpack-dev-server

解决方案


目前我使用nodemon解决了我的问题:

"start": "nodemon --watch content/myconfig.json 'webpack-dev-server --open --config webpack/webpack.config.dev.js'"

但是我还有另一个问题,在服务器重新启动后,我总是打开新选项卡,但如果仅重新加载当前选项卡会很好,不确定是否可能

如果您知道更好的解决方案,请告诉我。


推荐阅读