安裝webpack

1.安裝之前要確保已經安裝了最新版的Node.js和NPM

2.首先，創建一個目錄，比如demo,然后使用npm初始化配置：

? npm init

執行后，會有一系列選項，可以根據自己情況按回車進行確認。

完成后會在demo目錄生成一個package.json的文件。

3.之后在本地局部安裝webpack

npm install webpack --save-dev

--save-dev會作為開發依賴來安裝webpack，安裝成功后，在package.json中會多一項配置：

?"devDependencies": {"webpack": "^4.20.2"???}

安裝webpack-dev-server

webpack-dev-server可以在開發環境中提供很多服務，比如啟動一個服務器、熱更新、接口代理等，配置起來也很簡單。

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

安裝完成后，最終的pakage.json的內容是：

{"name": "com.ysh.demo","version": "1.0.0","description": "測試","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "badao","license": "ISC","devDependencies": {"webpack": "^4.20.2","webpack-dev-server": "^3.1.9"} }

如果同上面一樣，你的devDependencies中含有webpack和webpack-dev-server，

那么已經安裝成功，很快可以啟動webpack工程了。

?

總結

以上是生活随笔為你收集整理的安装webpack以及webpack-dev-server的全部內容，希望文章能夠幫你解決所遇到的問題。

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