webpack入門第五篇
阿新 • • 發佈:2018-11-07
這篇講述的是webpack命令的一些額外的功能,也是官網快速入門的講解的後面的東西,在這裡也我也跟著做了一下,下面也算是一個官網的翻譯,如果英文好的話,可以看官網。http://webpack.github.io/docs/tutorials/getting-started/
1、使用webpack命令時,我們想看到程序,可以執行命令
webpack --progress --colors
2、每次編譯執行命令很麻煩,我們可以執行命令
webpack --progress --colors --watch
這樣我們修改程式碼後就可以直接重新整理瀏覽器就可以了。不用再次輸入命令編譯。
3、我們想在瀏覽器輸入http://localhost:8080/ 就可以檢視頁面,那麼,webpack也有辦法。
npm install webpack-dev-server -g
webpack-dev-server --progress --colors
這個命令時搭建一個小型的機遇node.js的伺服器,可以執行你的頁面。並且可以監控你的程式碼是否改變,改變的話頁面會自動重新整理瀏覽器。這個效果貌似不錯啊。
好了,通過5篇的講解,我們把官網的入門教程學習了下,英文可以的話,可以去官網再看看。跟著官網做一遍,增加一下自我學習的能力。
後面我還會繼續更新,那麼下面講述的,就是我通過各種方式,學到的關於webpack的東西,希望對你幫助吧。