?

每次修改了代碼都需要重新手動(dòng)打包，這樣很麻煩，不符合webpack的初衷，我們查看webpack幫助看看有沒有可以自動(dòng)運(yùn)行的方法

輸入 webpack -help

可以發(fā)現(xiàn)有個(gè) --watch方法 它的解釋是監(jiān)聽系統(tǒng)文件改變 我們?cè)囈辉?/p>

現(xiàn)在監(jiān)聽進(jìn)程一直在運(yùn)行 我們改變 css的背景顏色為yellow 刷新頁面 背景是黃色

每次我們引入css 都要添加css-loader 和style-loader 很麻煩 webpack提供了用命令方式

因?yàn)閣atch 還在繼續(xù) 我們按Ctrl+c終止監(jiān)聽 輸入Y 終止

我們的loader css ?加載用這個(gè)命令

hello.js中修改引入css的方式

寫入命令

會(huì)發(fā)現(xiàn)效果 跟之前的是一樣的 可以打包成功?

然后我們用 --watch 合并起來

webpack 還有很多的命令 可以看看文檔 對(duì)了解webpack很有幫助

轉(zhuǎn)載于:https://www.cnblogs.com/limit1/p/6963345.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的webpack第一节(4)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。