PJCHENder 未整理筆記

[Unit4] Webpack Dev Server

2017-09-26

[Unit4] Webpack Dev Server

@([Udemy] Webpack 2: The Complete Developer’s Guide)

透過 webpack-dev-server 可以讓我們不用在每次修改完檔案的時候手動執行 npm run build,而是自動監控檔案的變化,並更新瀏覽器。

安裝 webpack-dev-server

1
npm install --save-dev webpack-dev-server

修改 package.json 的 scrips

1
2
3
4
5
"scripts": {
"clean": "rimraf dist",
"build": "npm run clean && webpack",
"serve": "webpack-dev-server"
},

有一點要留意的是,當我們執行 npm run serve 的時候,不會像真正執行 webpack (npm run build)的時候一樣把檔案打包到指定的資料夾中,而是把這些檔案放在記憶體中。

掃描二維條碼,分享此文章