如何将外部可访问的文件夹添加到webpack dev服务器

我开始使用webpack(vue-cli webpack安装),在我的项目中我有2个文件夹(pdfview和imgview)。

我的webpackconfiguration是vue-cli模板的默认configuration,我还没有修改(只是为sass和字体添加了一些加载器)。

这两个文件夹是文档查看器(一个用于PDF,另一个用于图像文件),它们以这种方式工作:

[domain] /pdfview/viewer.html?file= [文件path]

当我运行“npm运行开发”时,webpack开发服务器启动为http:// localhost:8080 ,但它在内存中,我的应用程序有一个iframe试图加载观众。

如何将这个文件夹path公开到webpack开发服务器,以便在“localhost:8080 / pdfview / viewer.html?file = [文件path]”中访问它们?

我还没有发现任何内容,如果有人有文章,或知道我还没有看到文档的一些部分,请让我知道。

提前致谢。

PS:两个观众有相同的文件夹结构:viewer.js,viewer.html和viewer.css。

其他PS:对不起,我的英语不好…

       

网上收集的解决方案 "如何将外部可访问的文件夹添加到webpack dev服务器"