把你的項目當做一個整體，通過一個給定的主文件（如index.js），webpack將從這個文件開始找到你的項目的所有依賴文件，使用loaders處理它們，最后打包為一個或多個

瀏覽器可識別額javascript文件；Webpack的處理速度更快更直接，能打包更多不同類型的文件。

package.json中的script會安裝一定順序尋找命令對應位置

npm的start命令是一個特殊的腳本名稱，其特殊性表現在，在命令行中使用npm start就可以執行其對于的命令，如果對應的此腳本名稱不是start，想要在命令行中運行時，需要這樣用npm run {script name}如npm run build

使用webpack構建本地服務器

想不想讓你的瀏覽器監聽你的代碼的修改，并自動刷新顯示修改后的結果，其實Webpack提供一個可選的本地開發服務器，這個本地服務器基于node.js構建，可以實現你想要的這些功能，不過它是一個單獨的組件，

在webpack中進行配置之前需要單獨安裝它作為項目依賴

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

devserver作為webpack配置選項中的一項，以下是它的一些配置選項，更多配置可參考

devserver的配置選項功能描述

contentBase	默認webpack-dev-server會為根文件夾提供本地服務器，如果想為另外一個目錄下的文件提供本地服務器，應該在這里設置其所在目錄（本例設置到“public"目錄）
port	設置默認監聽端口，如果省略，默認為”8080“
inline	設置為true，當源文件改變時會自動刷新頁面
historyApiFallback	在開發單頁應用時非常有用，它依賴于HTML5 history API，如果設置為true，所有的跳轉將指向index.html

轉載于:https://www.cnblogs.com/xiaofenguo/p/7573453.html

總結

以上是生活随笔為你收集整理的webpack 工作方式的全部內容，希望文章能夠幫你解決所遇到的問題。

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