npm i webpack-dev-server -D把這個工具安裝到專案本地開發依賴
注意：webpack-dev-server 這個工具依賴 webpack，必須在本地(專案中)安裝 webpack

安裝完成後，執行命令npm run dev發現報錯：Error: Cannot find module 'webpack-cli/bin/config-yargs’

後來檢視一些資料，發現，webpack3.x的版本與webpack-dev-server3.x的版本不相容。

在package.json檔案中檢視版本，以下是我用的兩個不相容的版本，所以會報錯：

解決方法：
解除安裝區域性或者全域性webpack-dev-server

npm uninstall webpack-dev-server -g       解除安裝全域性
npm uninstall webpack-dev-server -D      解除安裝區域性(本地) 

• 1
• 2

安裝指定版本的[email protected]

npm i webpack-dev-server@2.9.7 -D    本地安裝

• 1

然後執行命令npm run dev

webpack output is served from /:表示webpack輸出檔案正在根目錄託管。

注意： webpack-dev-server 幫我們打包生成的 bundle.js 檔案，並沒有放到 實際的 物理磁碟上；而是直接託管到了 電腦的記憶體中，所以，我們在 專案根目錄中，根本找不到 這個打包好的 bundle.js；

所以在引用檔案的時候，路徑是直接從根目錄下的，如：
<script src='/bundle.js'></script>

我們可以認為，webpack-dev-server 把打包好的檔案，以一種虛擬的形式，託管到了 俺們的專案的 根目錄中，雖然我們看不到它，但是，可以認為和 dist src node_modules 平級，有一個看不見的檔案，叫做 bundle.js

轉載至https://blog.csdn.net/sxs7970/article/details/88746939