html-webpack-plugin插件使用

本篇在webpack-dev-server的使用的基礎(chǔ)上

html-webpack-plugin

html-webpack-plugin是一個(gè)把頁面生成在內(nèi)存中的插件柒桑,本頁面保存在內(nèi)存中肯适,效率遠(yuǎn)高于保存在磁盤中

html-webpack-plugin使用

安裝

cnpm i html-webpack-plugin -D

webpack.config.js中導(dǎo)入使用插件

導(dǎo)入插件

const HtmlWebPackPlugin = require('html-webpack-plugin');

創(chuàng)建對(duì)象

const htmlPlugin = new HtmlWebPackPlugin({
template:path.join(_dirname,'./src/index.html'),//源文件
filename:'index.html'//生成的內(nèi)存中的首頁名稱
})

在mode里引用

plugins:[
htmlPlugin
]

如下

const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');//導(dǎo)入 在內(nèi)存中自動(dòng)生成index頁面的插件

//創(chuàng)建一個(gè)插件的實(shí)例對(duì)象
const htmlPlugin = new HtmlWebPackPlugin({
    template:path.join(__dirname,'./src/index.html'),//源文件
    filename:'index.html'//生成的內(nèi)存中的首頁名稱
})
module.exports = {
    mode:'development', //development開發(fā)怒炸。production 發(fā)布
    plugins:[
        htmlPlugin
    ]

}

結(jié)果運(yùn)行時(shí)報(bào)錯(cuò)


image.png

是由于webpack全局安裝所致,改為局部安裝即可

cnpm install webpack --save-dev

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末哩至,一起剝皮案震驚了整個(gè)濱河市簿盅,隨后出現(xiàn)的幾起案子站蝠,更是在濱河造成了極大的恐慌,老刑警劉巖哪亿,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件粥烁,死亡現(xiàn)場離奇詭異,居然都是意外死亡蝇棉,警方通過查閱死者的電腦和手機(jī)讨阻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來银萍,“玉大人变勇,你說我怎么就攤上這事√剑” “怎么了搀绣?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長戳气。 經(jīng)常有香客問我链患,道長,這世上最難降的妖魔是什么瓶您? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任麻捻,我火速辦了婚禮纲仍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贸毕。我一直安慰自己郑叠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布明棍。 她就那樣靜靜地躺著乡革,像睡著了一般。 火紅的嫁衣襯著肌膚如雪摊腋。 梳的紋絲不亂的頭發(fā)上沸版,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音兴蒸,去河邊找鬼视粮。 笑死,一個(gè)胖子當(dāng)著我的面吹牛橙凳,可吹牛的內(nèi)容都是我干的蕾殴。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼岛啸,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼区宇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起值戳,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎炉爆,沒想到半個(gè)月后堕虹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡芬首,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年赴捞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片郁稍。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡赦政,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出耀怜,到底是詐尸還是另有隱情恢着,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布财破,位于F島的核電站掰派,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏左痢。R本人自食惡果不足惜靡羡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一系洛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧略步,春花似錦描扯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至竟趾,卻和暖如春憔购,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背岔帽。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來泰國打工玫鸟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人犀勒。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓屎飘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親贾费。 傳聞我的和親對(duì)象是個(gè)殘疾皇子钦购,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • webpack 是一個(gè)流行的前端項(xiàng)目構(gòu)建工具(打包工具),可以解決當(dāng)前 web 開發(fā)中所面臨的困境褂萧。webpack...
    A_si閱讀 655評(píng)論 0 0
  • 全局安裝webpack 全局安裝webpack會(huì)有個(gè)問題押桃,就是當(dāng)你有兩個(gè)項(xiàng)目依賴于不同版本的webpack,就會(huì)有...
    説好的妹紙呢閱讀 1,829評(píng)論 0 11
  • 原文首發(fā)于:Webpack 3,從入門到放棄 Update (2017.8.27) : 關(guān)于 output.pub...
    昵稱都被用完了衰閱讀 1,903評(píng)論 4 19
  • 最近有一部電影《你的名字》應(yīng)該許多人都看過谎痢,里面講述男女主人公通過靈魂交換了彼此的身份而發(fā)生了一系列的奇特生活磕昼,還...
    天空的美閱讀 280評(píng)論 3 2
  • 文/雨天之后 迪迪是一個(gè)執(zhí)著的女孩,她不會(huì)輕言放棄她所想要的東西节猿,在一定程度上來講:她的愛情觀也是如此票从。 無論那人...
    雨天之后閱讀 361評(píng)論 0 2