我們?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" 注釋?zhuān)缓笾貑㈨?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)站的支持！

最新評(píng)論