?

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

輸入 webpack -help

可以發現有個 --watch方法 它的解釋是監聽系統文件改變 我們試一試

現在監聽進程一直在運行 我們改變 css的背景顏色為yellow 刷新頁面 背景是黃色

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

因為watch 還在繼續 我們按Ctrl+c終止監聽 輸入Y 終止

我們的loader css ?加載用這個命令

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

寫入命令

會發現效果 跟之前的是一樣的 可以打包成功?

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

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

轉載于:https://www.cnblogs.com/limit1/p/6963345.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。