2017-02-06 39 views
0

我有一個項目與Angular 2和webpack 2運行,但目前我所有的模板直接加載到js文件中,沒有從服務器加載模板加載。這很好。Webpack 2與角2和asp.net mvc cshtml作爲模板

@Component({ 
selector: 'logmonitor', 
styleUrls: [ './logmonitor.component.less' ], 
templateUrl: './logmonitor.component.html' 
}) ... 

,但我需要從CSHTML視圖只加載一些模板,當我打開這些觀點的看法應該只得到裝載了一個額外的服務器請求。

我在我的視圖文件夾中創建了一個簡單的cshtml視圖,我可以在將正確的控制器/操作輸入到url時直接「顯示」它。這「工程」

,但我試圖將其設置爲獲取模板加載

@Component({ 
    selector: 'testView', 
    templateUrl: 'Logviewer/TestLogview', 
}) ... 

但的WebPack不會編譯它給出了一個錯誤

Module not found: Error: Can't resolve './Logviewer/TestLogview' in 'C:\SourceControl\WebLogViewer\App\Views\LogViewer' 

這就是正確的,文件的視圖在

C:\SourceControl\WebLogViewer\Views\LogViewer 

但我不想那個webpack試圖解決這個url,angular本身需要t o在視圖加載時調用這個URL。我以爲webpack不會嘗試加載cshtml文件,因爲我沒有在文件名前寫上「./」,但那不起作用。有沒有解決方案,我可以如何防止webpack解析所有templateUrl?

這就是我的HTML文件目前裝載機,但因爲在最後不.HTML這不應該解析字符串: -/

{ 
    test: /\.html$/, 
    use: ['raw-loader'], 
    exclude: [helpers.root('App/index.html')] 
}, 

回答