webpack devServer配置項的坑

本文所用webpack版本為4+，閱讀本章的同學請注意區分。

  webpack默認不需要配置文件 但是你仍可在項目的node_module目錄同級目錄建立一個webpack.config.js文件進行配置

 本人的苦逼經歷覺得這句話還是挺重要的，所以開局先一句話，

本章主要介紹webpack 的devserver配置項，請根據自身判斷是否需要繼續閱讀

上代碼

module.exports = {
    entry: {
        // ...
    },
    output: {
        // ...
        publicPath: "./",//為什么把這個字段列出來呢，下面會有解釋
    },
    devServer: {
        contentBase: '/index.html',//設置

        publicPath: "",//設置訪問地址，在開啟服務之后會出現一個訪問地址，一般都是 http://localhost:8080/，如果你把這個值設置成/index，這里是需要加/符號的。那么你開啟的服務的訪問打地址就是 http://localhost:8080/index

        //...
        //本項中上面兩項配置是有坑的，特別是對新手來說，而且他的配置，大體上通過翻閱webpack配置文旦就可里順利的調用，所以就不再敘述
        //devserver中還有很多配置選項，想要詳細了解可以訪問https://www.webpackjs.com/configuration/dev-server/#devserver-host
    }
}