Как настроить webpack или машинописный текст, чтобы изменения были сделаны немедленно?

Question

Я внедрил webpack, чтобы он генерировал один файл из моего углового приложения. webpack.js

Теперь проблема заключается в том, что всякий раз, когда я изменяю файл TypeScript, мне нужно будет повторно запустить webpack, чтобы увидеть эффект.

Это резко замедлило развитие.

Как настроить веб-пакет или машинописный текст, чтобы изменения были сделаны немедленно?

webpack.config.js:

const webpack = require('webpack'); 

module.exports = { 
    entry: { 
     app: './app/main.js', 
     vendor: './app/vendor.js' 
    }, 
    output: { 
     //path: './bin', 
     filename: 'webpack/webpack-[name].js' 
    }, 
    resolve: { 
     extensions: ['', '.js', '.ts'] 
    }, 
    devtool: 'source-map', 
    module: { 
     loaders: [ 
      { test: /\.ts$/, loader: 'ts-loader' }, 
      { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, 
      { test: /\.css$/, loaders: ['style', 'css'] }, 
      { test: /\.json/, loaders: ['json-loader'] }, 
      { test: /\.html/, loaders: ['raw-loader'] }, 
      { test: /\.(jpg|png|gif)$/, loaders: ['file-loader'] } 
     ]} 
    // Add minification 
    , plugins: [ 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { 
       warnings: false 
      }, 
      output: { 
       comments: false 
      } 
     }) 
    ] 
}; 

tsconfig.json

{ 
    "compilerOptions": { 
     "target": "es5", 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "sourceMap": true, 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "removeComments": false, 
     "noImplicitAny": true, 
     "suppressImplicitAnyIndexErrors": true 
    } 
} 

Answer 1

Как я могу настроить Webpack или машинописный, что изменения сделаны сразу

Собственно настройка как вы управляете webpack. Если вы используете , он автоматически обновляет комплект, как только вы вносите изменения, но затем вам по-прежнему необходимо обновить страницу браузера. Еще лучше, если вы используете webpack-dev-server, так как webpack-dev-server --hot --inline даже перезагрузит страницу вашего браузера.