搭建webpack基礎(chǔ)步驟：

1.去官方網(wǎng)站下載node.js（根據(jù)自己電腦的系統(tǒng)類型選擇）

2.安裝node.js完成后打開cmd命令提示符：

出現(xiàn)版本號(hào)證明安裝成功

3.cd到工程目錄下 npm install -g vue-cli（這里使用的是vue-cli腳手架安裝)：

這里需要經(jīng)過漫長(zhǎng)的等待(●—●)……

4.檢查 輸入vue -Version：

5.建立項(xiàng)目vue init webpack demo（demo是項(xiàng)目名稱，可以隨便自己起）

這里如果出現(xiàn)亂碼,不要急沒事沒事，按回車就好,但是遇到ESLint我們建議選擇no不安裝，因?yàn)樗鼘?duì)編碼格式要求變態(tài)嚴(yán)格~~~~

6.cd 到自定義的項(xiàng)目名稱下 npm install 或者簡(jiǎn)寫npm i：

如果遇到錯(cuò)誤我們按↑再試試：

繼續(xù)等待它的完成(●—●)……

7.完成后輸入npm run dev運(yùn)行:

完成后會(huì)出現(xiàn):http://localhost:8080網(wǎng)址 打開后如圖所示就大功告成

第一次寫博客，小白一個(gè)，如果有什么地方表達(dá)的不好，感謝各位大神提出.

轉(zhuǎn)載于:https://www.cnblogs.com/zljy/p/10625569.html

總結(jié)

以上是生活随笔為你收集整理的搭建webpack基础配置的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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