visual-studio - Webpack 1.x 热模块替换模块不更新

Question

我正在尝试在 Visual Studio 2015 中将 Angular 2 与 HMR 集成。我有 2 个项目具有相同的文件内容和相同的目录结构，并且都使用 HMR 和 Angular 2。但是每个项目的 HMR 寻找不同的更新束。即对于 App1，它会查找 Typescript 文件(并且不会在 VS 中为它们生成 JS)，例如:

模块 A 依赖于模块 B，模块 B 依赖于 C。如果 C 更新，整个包都会更新，效果很好。

但在 App2 中，它会查找 1 个 Typescript 文件 main.ts 和 2 个 Javascript 文件，例如:

如果 C 更新，模块不会更新，除非我明确修改 C 的 Javascript 文件(由 VS 在构建时生成)!

我如何告诉 Webpack HMR 查找这些 Typescript 文件并在我更改其中任何一个时更新包。

我的 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' }
    ]
}
 };

Answer 1

我遇到了同样的问题并通过在 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);