webpack-dev-server 如何自定义根目录

Question

多页应用，入口没有放在根目录，而是根目录下的view目录中

---

output目标是distpath: __dirname + '/dist/',html使用html-webpack-plugin生成到了output文件夹下的view/下filename:'view/'+name + '.html'。
webpack-dev-server后，直接展示了文件列表，怎么才能进入我的主页啊，dev-server运行时文件是在内存中，我这怎么点也不能点到页面里呀?

看了文档后，试着对devServer项中的contentBase进行配置：contentBase:path.join(__dirname,'/view/')，打开浏览器都error，can not get……
然后我又改成contentBase:'/view/'或./view/或/view/或view/页面都是error can not get……请问谁知道该怎么配才能访问到view/index.html呢…………谢谢

（如果将html的目标位置改成根目录还是可以访问的）

Answer 1

devServer.contentBase是用来配置WDS的静态资源目录的，需要配置入口chunk的路径，应该配置devServer.publicPath，不过如果未配置，他会自动使用output.path设置，所以你的入口bundle访问路径是webpack配置文件目录/dist。访问路径是http://localhost:8080/dist/view/[name].html，这样的
其实你可以更用更简单的方式查看生成在内存中的各资源地址：http://localhost:8080/webpack-dev-server