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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/177559.html
標籤：JavaScript
上一篇：javascript 關于賦值、淺拷貝、深拷貝的個人理解
下一篇：VUE 元素拖拽、移動