webpack-dev-server 如何自定义根目录
多页应用,入口没有放在根目录,而是根目录下的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的目标位置改成根目录还是可以访问的)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(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