webpack-dev-server.watchContentBase不会监视内容库

Question

如果有人能向我解释为什么webpack-dev-server不会在 home.html 代码更改时重新加载浏览器页面，我会很感激，但是在home.js或index.html上会重新加载重新加载代码更改。

项目结构的简化版本 -

/app
  -app.js
  -index.html
  /core
    -home.html
    -home.js (imported in app.js)
  /dist
    -app.bundle.js

webpack.config.js

const path = require('path');

module.exports = {
    entry: './app/app.js',
    output: {
        path: path.resolve(__dirname, './app/dist'),
        filename: 'app.bundle.js'
    },
    devServer: {
        contentBase: path.resolve(__dirname, './app'),
        publicPath: '/dist/',
        watchContentBase: true
    }
}

我正在使用webpack@3.7.1和webpack-dev-server@2.11.1

Answer 1

您非常接近，只需将contentBase添加到包含.html个文件的每个文件夹中：

devServer: {
  contentBase: [
    path.join(__dirname, 'app'),
    path.join(__dirname, 'app/core'),
    // and so on...
  ],
}