webpack（4）-管理輸出

設置 HtmlWebpackPlugin 

html-webpack-plugin:
它會用新生成的 index.html文件，替換咱們的原有文件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 是個好的開始。