Angular2 WebPack部署到IIS中默认网站下的应用程序

Question

我已经将Angular2应用打包为

npm运行build：prod

编译到dist文件夹。 然后，我获取了此dist文件夹的内容，并将其放在IIS服务器的“默认网站”下的“应用程序”文件夹中。

然后，我浏览到http：// [server] / [app] ，似乎没有任何反应，但是浏览器开发工具的“网络”标签的视图显示index.html正在加载，并且正在调用捆绑的js文件如下：

http：// [服务器] / [捆绑的 js文件]

问题在于这些调用应该是：

http：// [服务器] / [应用] / [捆绑的 js文件]

我该如何解决？

Answer 1

IIS有两个选项。 首先，只需将应用程序安装到IIS网站的根目录（无应用程序directoy / virtual目录）。

如果您希望在IIS中使用应用程序或虚拟目录，则需要在webpack.dev.js中设置一个publicpath

output: {
path: helpers.root('dist'),
publicPath: '/SWP2/',
filename: '[name].[hash].js',
chunkFilename: '[id].[hash].chunk.js'

}，

因此，在上面的示例中，我说的是webpack应该将其生成的引用考虑在/ SWP2 /文件夹中，因此index.html将添加诸如

<script type="text/javascript" src="/SWP2/vendor.628ff41b723fcc2315b1.js"></script><script type="text/javascript" src="/SWP2/app.628ff41b723fcc2315b1.js"></script>

当URL查找它们时，它将使用http：//localhost/SWP2/vendor.etcetc

保持dev config为标准配置，否则除非在IIS中，否则您的代码不会触发。