webpack 热更对css 和 html不起作用的问题

项目场景：

package.json

"scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --port 3000 --hot"
  }

webpack.config.js

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
   
  entry:path.resolve(__dirname,'./src/main.js'),
  output: {
   
      path:path.resolve(__dirname,'./dist'),
      filename:'[name].bundle.js'
  }