3

webpack -dev-server で HMR を有効にするために目にするすべてのドキュメントまたは記事では、 を使用する必要があります。興味深いことに、フラグwebpack-dev-server --hot --inlineを省略してコードベースの HMR のみを保持しても、引き続き機能します。すべてのドキュメントは古いですか、それとも間違っていますか?hotinline

devServerwebpack config でオプションを定義していません。ここに web-pack config があります

module.exports = {
    entry: {
     main: "./app/main.ts",
     shims: ['es6-shim', 'reflect-metadata', 'rxjs', 'zone.js']
    },
    output: {
        path: __dirname,
        filename: "./dist/[name].js",
        sourceMapFilename: "./dist/[name].map"
    },
    resolve: {
        extensions: ['', '.js', '.ts']
    },
    module: {
        loaders: [
            { test: /\.ts?$/, loader: 'ts-loader' }
        ]
    },
    devtool: "#source-map"
};

これが私のpackage.jsonスクリプトです

 "scripts": {
    "start": "webpack && webpack-dev-server --inline --port 9876",
    "typings": "typings",
    "postinstall": "typings install"
  },

ここにコード全体があります

4

1 に答える 1

3

なし--hotで使用すると、完全なリフレッシュが強制されます (HMR なし)。

たとえば、スタイル ローダーは HMR インターフェイスを実装し、完全な更新を強制することなくスタイルの変更にパッチを適用できます。

于 2016-05-24T09:32:44.410 に答える