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

发布于 2022-09-06 12:25:52 字数 725 浏览 8 评论 0

多页应用,入口没有放在根目录,而是根目录下的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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

初相遇 2022-09-13 12:25:52

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文