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