Webpack 自动打包 出现 Cannot GET/

原因：这是因为webpack-dev-server默主从重项目下的 public 文件夹下的 index.html 中读取

           由于我们没有public这个文件夹，所出现错误，下面这个结构是默认结构：

  webpack-demo
  |- node_modules
  |- public
    |- index.html
  |- main.js
  |- package.json
  |- webpack.config.js

第一步：在 webpack.config.js 文件中修改：

  devServer: {

    static: "./src"

  }

const path = require('path')
module.exports = {
  mode: 'development',
  // 修改入口和出口
  entry: path.join(__dirname, './src/index.js'), //打包入口
  output: {                                      //打包出口
    path: path.join(__dirname, './dist'),
    filename: 'bundle.js'
  },
  devServer: {
    static: "./src"                              // 修改默认打开目录
  }
}

第二步，关掉当前终端，重启即可