1.安裝 ps:為保證webpack-dev-server能正常運行，請確認在本地項目中下載了webpack的包，可以通過package.json來查看有無下載 2.運行 1.使用npx命令運行 2.使用npm運行 1.首先配置package.json 2.運行命令 3.修改引用包文件的頁面文件（* ...
1.安裝
npm install webpack-dev-server --save-dev
ps:為保證webpack-dev-server能正常運行，請確認在本地項目中下載了webpack的包，可以通過package.json來查看有無下載
2.運行
1.使用npx命令運行
npx webpack-dev-server
2.使用npm運行
1.首先配置package.json
//在script內新增dev鍵 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "dev":"webpack-dev-server --open --contentBase dist --hot" }, //參數說明 /* --open 執行命令時自動打開頁面 --contentBase dir 打開時顯示的文件 --hot 每次更新資源文件，不用更新所有資源，只更新部分，相當於加了一個補丁。 */
2.運行命令
npm run dev
3.修改引用包文件的頁面文件（*.html）
<!doctype html> <html> <head> <title>起步</title> </head> <body> <!-- 這裡的路徑要修改成根目錄下，因為webpack-dev-server會生成一個虛擬的的包文件，位於根目錄下 --> <script src="/bundle.js"></script> </body> </html>
