Игорь Забродин

Попробуйте так:

fetch('/translate',
  {
    method: 'POST',
    headers: new Headers({
      Accept: 'application/json',
      'Content-Type': 'application/json'
    }),
    mode: 'same-origin',
    body: JSON.stringify({ aaa: 'form' })
  }
);

options: { sourceMap: true }

Поправьте headers, два Content-Type с разным кавычками и типами передаваемых данных говорит о том что вы это откуда то скопировали, да к тому же body запихали туда в виде массива.
Вот кусок работающего кода для post запроса (и не только):

if (type.toLowerCase() === 'post') {
    params = JSON.stringify(params);
  }

  const fetchOptions = {
    method: type,
    mode: REQUEST_API.mode,
    headers: new Headers({
      Accept: 'application/json',
      'Content-Type': 'application/json'
    }),
    credentials: REQUEST_API.credentials,
    body: params
  };

return fetch(url, fetchOptions);

params в случае post запроса будет объектом с телом запроса.

На случай если не поможет рекомендуется к ознакомлению формы и кодировка, использование fetch

Пример части конфигурации для webpack версии 4 (но и на предыдущих работает):

output: {
    path: resolve(__dirname, './dist'),
    publicPath: mode === 'development' ? '/' : 'static/',
    filename: '[name].js'
  },
  module: {
    rules: [
      {
        test: /\.(png|jpg|jpeg|gif|svg|woff|ico|woff2|ttf|eot)(\?.*$|$)/,
        loader: 'file-loader',
        exclude: /node_modules/,
        options: {
          name: '[path][name].[ext]?[hash]',
          publicPath: mode === 'development' ? '' : './static'
        }
      },
      {
        test: /\.(png|jpg|jpeg|gif|svg)(\?.*$|$)/,
        loader: 'file-loader',
        options: {
          regExp: /node_modules/,
          name: '[name].[ext]?[hash]',
          publicPath: mode === 'development' ? '' : './static/img',
          outputPath: 'static/img'
        }
      }
    ]
  }

Первый лоадер для собственных ассетов, второй для node_modules.
В моем случае нужно было переместить статику и получить правильные пути для неё в css из такого (без второго лоадера):

{
  background: transparent url(./static/_/node_modules/fancybox/dist/img/blank.gif);
}

В такое:

{
  background: transparent url(./static/img/blank.gif);
}

Эта конфигурация простая, статики не много и у меня не стояло задачи каким то образом ее оптимизировать (использовать url-loader например, разделять шрифты и графику и т.п.).

Для Sublime Text есть такое расширение

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

initial-scale - масштабирование при загрузке страницы
maximum-scale - максимальный масштаб
user-scalable=no - запретить масштабирование
В большинстве случаев используется вариант

<meta name="viewport" content="width=device-width, initial-scale=1.0">.

Если устроит поддержка (Android от 4.4), то можно все что внутри body обернуть wrapper'ом с display: flex, flex-direction: column, а #content задать flex-grow: 1. Но мета тег обязателен.

Судя по документации: * - Matches any version
Для обновления до последней релизной версии попробуйте указать latest, но нужно быть уверенным что обновление определенных пакетов не сломает текущий код.

Дополнительно добавить в каждый таск (сложнее простого копирования) после gulp.src(path.src.img) пайп вида:
.pipe($.plumber({ errorHandler: onError }))
Предохраняет от частого вылета (от ошибки не избавит, но не придется gulp стартовать заново).

Обработчик ошибки:

const onError = (err) => {
  $.notify.onError({
    title: `Error in ${err.plugin}`,
    message: err.message
  })(err);
  this.emit('end');
};

P.S.: "$." - это в моем случае короткое имя модуля gulp-load-plugins. Ну и судя по комментам в конфиге я с того же источника брал.