1.紧接着上一章:输出管理,来说,html只是手动静态的引入了打包之后生成的app.bundle.js以及print.bundle.js文件,那如果我更改了打包的entry文件的名字,那岂不是要重写一下html的引入名,所以用到html-webpack-plugin插件来打包html。

    问题:那如果创建一个新的js文件,岂不是要在entry中添加一个新的入口,好蠢。是不是有什么配置方法能够自动识别所有的js文件,好像是可以的,因为之前在加载图片和字体的时候就发现使用正则能够匹配所有的字体文件等。的确可以。

    2.首先安装:

    1. npm install --save-dev html-webpack-plugin

    3.其次配置:
    image.png
    打包后发生的事情是,html会被webpack生成新的html所覆盖,然后会在html中自动导入所有入口的js文件。真牛逼。

    这只是基础配置,如果想要更多的html配置的话,请访问:https://github.com/jantimon/html-webpack-plugin