Webpack dev服务器在不同的端口

Question

所以我使用主机文件中的别名mywebsite.local-dev.com在端口80上提供IIS WebApi 和 AngularJS 项目。

我有捆绑的webpack配置设置，我现在要做的就是坚持使用webpack dev服务器，这样当我修改文件时，它会捆绑所有内容并更新浏览器。

我browser-sync几乎正常工作，但require('./somehtmltemplate.html')似乎导致了问题。这是一个 Angular 应用程序，所以我在ui-router模板属性中使用require。这是我的gulpfile：

var gulp = require('gulp'),
    browserSync = require('browser-sync').create(),
    watch = require('gulp-watch'),
    webpack = require('webpack'),
    webpackconfig = require('./webpack.config');

gulp.task("webpack", function(callback) {
    // run webpack
    webpack(
      webpackconfig,
      function(err, stats) {
        if(err) throw new gutil.PluginError("webpack", err);

        callback();
      }
    );
});

gulp.task('watch', function() {
    browserSync.init({
        proxy: "mywebsite.local-dev.com"
    });

    gulp.watch("App/**/*.js", ['webpack']).on('change', browserSync.reload);
    gulp.watch("App/**/*.html", ['webpack']).on('change', browserSync.reload);
});

我的问题是，我如何让 一个人工作。

修改

因为我使用的是.cshtml，所以我无法使用webpack-dev-server。所以问题是，我怎样才能使用gulp？