我們?cè)诖虬黽ebpackjs文件的時(shí)候,在index.html界面引人 全局main.js ,如圖下:
必須引入 src ='budl.js'
打包的時(shí)候,未打包分為兩個(gè)文件,一個(gè)本地磁盤(pán)文件,一個(gè)是內(nèi)存中的文件,這樣一來(lái)是不是特別麻煩,面對(duì)這個(gè)問(wèn)題我們又了方法解決,html-webpack-plugin
安裝這個(gè)插件
1,我們首先輸入 npm i html-webpack-plugin
安裝該插件
2,然后在webpack.config.js 配置文件配置好選項(xiàng)。
安裝完成
webpack.config.js引入html-webpack-plugin
配置好生成界面文件
3,插件安裝好之后,去把index 的src="budle.js" 注釋,然后重啟項(xiàng)目
4,重啟項(xiàng)目之后,界面會(huì)自動(dòng)打包一個(gè)buld.js 在index界面引入
總結(jié)
以上所述是小編給大家介紹的使用html-webpack-plugin'入再內(nèi)存中生成 html 頁(yè)面插件,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!