Добавление grunt-connect-proxy в генератор-угловой gruntfile.js

Question

Я пытаюсь добавить grunt-connect-proxy в мой gruntfile.js в проекте генератора с угловой развертыванием (генератор-угловой 0.15.1), но я не могу заставить его работать, так как меняются способы его написания и я Я неопытен в том, как работает Grunt.

Я читал много сообщений об этом, и ни один из них не является особенно актуальным, и gruntfile, по-видимому, часто меняется в том, как он реализует промежуточное программное обеспечение livereload. Это делает документацию для grunt-connect-proxy неработающей в моем случае.

Сложная часть находится под livereload

Вот как это выглядит в генераторно-угловом файле gruntfile:

// The actual grunt server settings
connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729
  },
  proxies: [{
      context: '/api',
      host: 'localhost',
      port: 8080,
      https: false,
      xforward: false
    }],
  livereload: {
    options: {
      open: true,

      // --- how the code looks like before I do anything

      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect().use('/bower_components', connect.static('./bower_components')),
          connect().use('/app/styles', connect.static('./app/styles')),
          connect.static(appConfig.app)
        ];
      }
    }
  },
  ...

Когда я смотрю на документацию, это выглядит так:

    livereload: {
        options: {
            middleware: function (connect, options) {
                if (!Array.isArray(options.base)) {
                    options.base = [options.base];
                }

                // Setup the proxy
                var middlewares = [require('grunt-connect-proxy/lib/utils').proxyRequest];

                // Serve static files.
                options.base.forEach(function(base) {
                    middlewares.push(connect.static(base));
                });

                // Make directory browse-able.
                var directory = options.directory || options.base[options.base.length - 1];
                middlewares.push(connect.directory(directory));

                return middlewares;
            }
        }
    }

Может кто-нибудь помочь мне перевести документацию на новый способ написания промежуточного программного обеспечения?

Спасибо!!

Answer 1

Итак, я получил некоторую помощь, и вот как это было решено:

  livereload: {
    options: {
      open: true,
      middleware: function(connect) {
        var middlewares = [require('grunt-connect-proxy/lib/utils').proxyRequest];
        return middlewares.concat(
          connect.static('.tmp'),
          connect().use('/bower_components', connect.static('./bower_components')),
          connect().use('/app/styles', connect.static('./app/styles')),
          connect.static(appConfig.app)
        );
      }
    }
  }

Надеюсь, это поможет кому-то еще.