设置html目录不可读,webpack-dev-server 更改index.html目录后无法访问

我平时用 webpack-dev-server --inline --port 9000 --open 会默认访问我dist/index.html页面,

现在dist目录结构改了一下 , 将index.html放在了view目录下 , 然后将命令改为

webpack-dev-server --inline --port 9000 --open --content-base dist/view/

├─dist

│ ├─js

│ │ base.js

│ │ index.js

│ │ login.js

│ │

│ └─view

│ index.html

│ login.html

但是自动打开的页面却访问失败... 一定要手动加/view访问 , http://localhost:9000/view才行 , 请问有没有什么办法.. ?

下面是webpack的代码...

var path = require('path');

var webpack = require('webpack');

const CleanWebpackPlugin = require('clean-webpack-plugin');

const ExtractTextPlugin = require("extract-text-webpack-plugin");

const HtmlWebpackPlugin = require('html-webpack-plugin');

var getHtmlConfig = function (name) {

return {

filename: 'view/' + name + '.html',

template: path.join(__dirname, 'src', 'view', `${name}.html`),

chunks: ['common', name]

}

}

module.exports = {

entry: {

'common': ['./src/page/common/index.js'],

'index': ['./src/page/index/index.js'],

'login': ['./src/page/login/index.js'],

},

output: {

path: path.join(__dirname, 'dist'),

filename: 'js/[name].js',

},

externals: {

'jquery': 'window.jQuery'

},

resolve: {

....

},

module: {

....

},

plugins: [

new CleanWebpackPlugin('dist'),

new ExtractTextPlugin("css/[name].css"),

new webpack.optimize.CommonsChunkPlugin({

name: 'common',

filename: 'js/base.js'

}),

//html模板的处理

new HtmlWebpackPlugin(getHtmlConfig('index')),

new HtmlWebpackPlugin(getHtmlConfig('login'))

]

}