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中，否則您的代碼不會觸發。