2017-02-10 88 views
2

我正在嘗試在Visual Studio 2015中集成Angular 2與HMR。我有2個項目具有相同的文件內容和相同的目錄結構,並且都使用HMR與Angular 2。每個項目的HMR查找不同的更新包。即對於App1的,它查找打字稿文件(和JS還沒有VS爲他們產生的),如:Webpack 1.x熱更換模塊不更新

enter image description here

具有模塊A取決於B,和B在C.如果C被更新,整個捆綁包得到更新,效果很好。

但在應用2,它看起來1個打字稿文件main.ts和2個的Javascript文件,如:

如果C被更新,該模塊沒有得到更新,除非我明確修改C'S JavaScript文件(生成由VS建立)!

enter image description here

如何判斷的WebPack HMR尋找這些打字稿文件,如果我改變了其中的任何更新包。

webpack.config.js相同像兩個項目:

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
resolve: { extensions: [ '', '.js', '.ts' ] }, 
entry: { 'main-client': './ClientApp/main.ts' }, 
output: { 
    filename: '[name].js', 
    path: path.join(__dirname, './wwwroot/dist'), 
    publicPath: '/dist/' 
}, 
module: { 
    loaders: [ 
     { test: /\.ts$/, include: /ClientApp/, loader: 'ts' }, 
     { test: /\.html$/, loader: 'raw' } 
    ] 
} 
}; 

回答

0

我有同樣的問題,並通過在main.ts.使HMR固定它

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { enableProdMode } from '@angular/core'; 
import { AppModule } from './app/app.module'; 

// Enables Hot Module Replacement. 
declare var module: any; 
if (module.hot) { 
    module.hot.accept(); 
} 

platformBrowserDynamic().bootstrapModule(AppModule); 
相關問題