我們在打包webpackjs檔案的時候,在index.html介面引人全域main.js ,如圖下:
必須引入src ='budl.js'
打包的時候,未打包分為兩個文件,一個本地磁碟文件,一個是內存中的文件,這樣一來是不是特別麻煩,面對這個問題我們又了方法解決, html-webpack-plugin
安裝這個插件
1,我們先輸入npm i html-webpack-plugin
來安裝該插件
2,然後在webpack.config.js 設定檔設定好選項。
安裝完成
webpack.config.js引入html-webpack-plugin
配置好生成介面文件
3,插件安裝好之後,去把index 的src=budle.js 註釋,然後重新啟動項目
4,重啟專案之後,介面會自動打包一個buld.js 在index介面引入
總結以上所述是小編給大家介紹的使用html-webpack-plugin'入再內存中生成html 頁面插件,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網站的支持!