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
    }
}