Webpack-dev-server not reload .html

Question

Try to roll into the webpack. Using official docs. index.js reloads but index.html does not. Command for build: webpack-dev-server --mode development --open

explorer project in vs code

wp config:

const path = require('path');

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

package.json scripts:

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

Webpack ver:

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

*Do not ask HtmlWebpackPlugin, I think without this hack should work.

Termal Alloy Termal Alloy · Accepted Answer · 2018-05-30T16:29:17

I using HtmlWebpackPlugin, works well.

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

Webpack-dev-server not reload .html

1 Answers