webpack（4）-管理输出

设置 HtmlWebpackPlugin

html-webpack-plugin:
它会用新生成的 index.html文件，替换我们的原有文件

  plugins: [
    new HtmlWebpackPlugin({
      title: 'haha'
    })
  ]

清理 /dist 文件夹

clean-webpack-plugin

  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      title: 'haha'
    })
  ]

manifest

webpack 和 webpack 插件似乎“知道”应该哪些文件生成。答案是，webpack 通过 manifest，可以追踪所有模块到输出 bundle 之间的映射。如果你想要知道如何以其他方式来控制 webpack 输出，了解 manifest 是个好的开始。