webpack配置本地服務(wù)器

新建一個(gè)文件demo,Win+R打開(kāi)cmd，進(jìn)入項(xiàng)目所在目錄位置

1.安裝webpack

全局安裝 npm install webpack -g
局部安裝 npm install webpack --save-dev

2.在cmd 輸入 webpack -v 檢測(cè)是否安裝成功

3.在cmd 輸入npm init 初始化會(huì)自動(dòng)創(chuàng)建package.json 文件

4.在cmd 輸入npm install webpack-dev-server 開(kāi)啟webpack本地服務(wù)器

注意：webpack4升級(jí)以后需要安裝npm install webpack-cli -D

5.在package.json 配置script

"server":"webpack-dev-server --open" (open會(huì)自動(dòng)開(kāi)啟本地服務(wù)瀏覽器窗口)


6.建webpack.config.js配置文件

module.exports={
    devServer: {
        contentBase: './',//本地服務(wù)器所加載的頁(yè)面所在的目錄
        port:'8082',
        inline:true,//實(shí)時(shí)刷新
        hot: true
    }
}

7.在cmd 輸入npm run server，會(huì)在瀏覽器自動(dòng)開(kāi)啟本地服務(wù)器

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容