安裝webpack

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

2.首先，創(chuàng)建一個(gè)目錄，比如demo,然后使用npm初始化配置：

? npm init

執(zhí)行后，會(huì)有一系列選項(xiàng)，可以根據(jù)自己情況按回車進(jìn)行確認(rèn)。

完成后會(huì)在demo目錄生成一個(gè)package.json的文件。

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

npm install webpack --save-dev

--save-dev會(huì)作為開發(fā)依賴來安裝webpack，安裝成功后，在package.json中會(huì)多一項(xiàng)配置：

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

安裝webpack-dev-server

webpack-dev-server可以在開發(fā)環(huán)境中提供很多服務(wù)，比如啟動(dòng)一個(gè)服務(wù)器、熱更新、接口代理等，配置起來也很簡(jiǎn)單。

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

安裝完成后，最終的pakage.json的內(nèi)容是：

{"name": "com.ysh.demo","version": "1.0.0","description": "測(cè)試","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，

那么已經(jīng)安裝成功，很快可以啟動(dòng)webpack工程了。

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。