Webpack-dev-server無法重新加載.html

Question

嘗試卷入Webpack。 使用官方文檔。 index.js會重新加載，但index.html不會。 生成命令：webpack-dev-server --mode development --open

vs代碼中的資源管理器項目

WP配置：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'index.js',
    path: path.resolve(__dirname, './dist'),
  },
  devServer: {    
  }
};

package.json腳本：

"scripts": {
    "build": "webpack --mode production",
    "dev": "webpack-dev-server --mode development --open"
 },

Webpack版本：

"devDependencies": {
    "webpack": "^4.10.2",
    "webpack-cli": "^2.1.4",
    "webpack-dev-server": "^3.1.4"
 }

*不要問HtmlWebpackPlugin，我認為沒有這種技巧就可以工作。

Answer 1

我使用HtmlWebpackPlugin，效果很好。

plugins: [
    new HtmlWebpackPlugin({
        template: './index.html'
    })
]