Проблема: Webpack в VS2015 не обновляет браузер при любых изменениях в файле TypeScript - PullRequest
0 голосов
/ 03 июня 2018

В VS2015 у меня есть проект MVC, в котором у меня есть приложение Angular 5.При изменении любого файла машинописи TaskRunner обнаруживает изменение, но браузер не перезагружается.

Код для Webpack.config.js

var path = require('path');
var webpack = require('webpack');
var WebpackNotifierPlugin = require('webpack-notifier');

module.exports = {
    context: path.join(__dirname, 'App'),
    entry: './main.js',
    output: {
        path: path.join(__dirname, 'Built'),
        filename: '[name].bundle.js'
    },
    plugins: [
      new WebpackNotifierPlugin()
    ],
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" },
            { test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.eot$/, loader: "url" },
            { test: /\.html$/, loader: "html" }
        ]
    }
};

Код для package.json

{
  "name": "webpack-demo",
  "version": "0.0.0",
  "description": "",
  "main": "webpack.config.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^0.13.1",
    "file-loader": "^0.8.4",
    "style-loader": "^0.12.2",
    "url-loader": "^0.5.6",
    "webpack-notifier": "^1.2.1",
    "@angular/cli": "~1.7.4",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0"
  }
}

Изображение, которое обновляет обработчик задач при изменении кода

enter image description here

Изображение, запускаемое заданием -> Запуск разработки, Наблюдение за развитием, Обслуживание:

enter image description here

...