上週去到了公司實習，見識到了從來沒有嘗試過的Webpack多入口配置，能夠實現不同HTML入口文件渲染不同內容的功能，簡單寫一篇博客記錄一下。
首先我們用vue-cli創建一個新項目，默認情況下，新的項目只有一個入口（webpack.base.conf.js）：
我們可以在註釋處，添加多一個入口文件（注意：這個入口文件指的是接管HTML的Vue實例所在的文件，即new Vue()）
接着，我們需要到webpack.dev.conf.js中，找到中文註釋的這段代碼：
代碼中中文註釋的地方，第一個new HtmlWebpackPlugin()中，是對原有的默認入口的配置，可以在下面加多一個配置，在filename中配置你希望訪問的入口，比如我寫的是test.html，那麼我訪問這個入口的時候，需要在瀏覽器的URL後面加上test.html。在template中配置你的模板HTML文件，即上面webpack.base.conf.js中你所配置的Vue實例所接管的HTML文件。
一切配置好後，重新執行npm run dev，試着在URL後面加上配置好的入口地址，就會發現你能夠訪問到另外一個頁面了。
上面的配置是基於vue-cli 2.x的配置，升級到vue-cli 3.x後，配置的方式又不同了：
詳細的部分可以轉戰這篇文章：https://juejin.im/post/5b75597f518825331755dfd4