0

そのため、ホスト ファイルのエイリアスを使用して、IISがポート 80 でWebApiおよびAngularJSプロジェクトを提供しています。mywebsite.local-dev.com

バンドル用の 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 を機能させるにはどうすればよいかということです。

4

1 に答える 1

2

プロキシで webpack-dev-middleware と webpack-hot-middleware をミドルウェアとして使用しているときに、Browsersync を外部サーバー (私の場合は MAMP ですが、問題ではありません) にプロキシすることで、同様の問題を解決しました。このセットアップでは、通常のサーバーでアプリのサービスを処理することができ、Browsersync+Webpack はアセットのバンドルとサービス、およびブラウザーのインジェクションとリロードのみを処理します。

興味がある場合は、次の作業例をご覧ください: github.com/shanecav/webpack-browsersync-proxy

于 2015-08-27T09:36:19.440 に答える