1. 程式人生 > >webpack入門第五篇

webpack入門第五篇

這篇講述的是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的東西,希望對你幫助吧。