Webpack 在网页包中托管多个html页面

简单地说，我的问题是：如何使用webpack托管多个.html页面

我对Webpack很陌生，不太了解它是如何工作的。我试着阅读文档，但没有结果

我正在为OWA和Outlook 2016创建我的第一个Outlook加载项。我使用Yeoman生成器用React和TypeScript构建我的项目。还有一个自动生成的配置文件夹，其中包含

webpack.common.js

和其他webpack文件。package.json中的

Webpack

依赖项：

"devDependencies": {...
"webpack": "2.3.1",
"webpack-dev-server": "2.4.2",
"webpack-merge": "4.1.0"
}

我正试图让我的外接程序在新的对话框窗口中启动一个连接到sharepoint的（本地托管的

.html

，该窗口将自动重定向到Office 365登录页）。
我试图在我的/src文件夹中的

dialog.html

页面上打开对话框，该页面与

index.html

一起，但是我发现除了默认的index.html之外，我无法引用任何内容（引用

index.html

只起作用）。如果我尝试通过web浏览器导航到dialog.html，问题仍然存在，这使我相信这可能是一个网页问题

我正在本地主机和

https://localhost:3000/index.html

有效，但

https://localhost:3000/dialog.html

没有（显示：

无法获取/index.html

）。
可能来自

webpack.common.js

的相关信息：

const entry = {
    vendor: './vendor.ts',
    app: [
        'webpack-dev-server/client?http://localhost:3000',
        'webpack/hot/only-dev-server',
        './main.tsx',
    ]
};
const output = {
    path: path.resolve('dist'),
    filename: '[name].[hash].js',
    chunkFilename: '[id].[hash].chunk.js'
};

有什么想法吗

---

感谢您的所有输入。

从您的问题来看，您似乎也无法访问外接程序框架的外部。如果这是正确的，那么首先尝试解决这个问题，不幸的是，我不是web包方面的专家，因此无法提供太多帮助。如果我的理解不正确，请告诉我们

---

谢谢

事实证明，这是一个基本的需求，可以通过html网页包插件轻松解决，我很惊讶我没早点看到，我一定看过那个医生半打了。希望这有助于未来的另一个noob：/

---

谢谢你们两位帮我的忙：）

你们应该说得更准确些。您究竟在哪里无法添加此引用？无论如何，我建议您使用Visual Studio进行开发和调试。有趣的是，您应该推荐精度，我正在更新问题，正如您所评论的：）引用位于应用程序登录页上的React组件中，单击按钮即可运行。它很好地启动了对话框，问题是除了

index.html

之外没有加载任何内容。我一定要切换到VS。我一直在按照SP Framework指导原则使用VS代码。是的，这绝对是我的主要问题：/我会在修复该问题后再与您联系！