在配置webpack時，在webpack-dev-server的配置中有這樣兩個屬性contentBase和index。例子如下（同時配有官方文檔）：

devServer: {host: '127.0.0.1',port: 8888,progress: true,//進度條index:'index.html',contentBase:path.resolve(__dirname,'dist')},

但是親測contentBase和index的用法是這樣的，總結如下：

1.在沒有使用html-webpack-plugin插件時，contentBase是有效的。給contentBase指定目錄時，會直接讀取這個目錄下的內容，并且如果這個目錄下有index.html，就直接打開這個index.html。如果沒有就打開這個指定的目錄，這時如果給index指定文件名。無效！！！

2.當使用了html-webpack-plugin時，contentBase無效！！！！！。這時會直接打開打包代碼輸出的文件夾（output），并且打開這個文件夾下的index.html。如果這時指定了文件明給index屬性，這個時候會打開output指定的文件夾并且打開這個index指定的文件明。

以上內容實測。

reference:https://www.webpackjs.com/configuration/dev-server/#devserver

總結

以上是生活随笔為你收集整理的webpack devserver配置_webpack中webpack-dev-server的contentBase和index属性实测的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。