Как в gulp, используя плагин webpack, выгрузить в продакшн несжатый js-код?

Для выгрузки несжатого js-кода с использованием плагина webpack в gulp, вам понадобится выполнить несколько шагов.

Во-первых, вы должны установить npm-модули, связанные с webpack, а именно модуль gulp-webpack и сам webpack. Выполните следующие команды:

npm install gulp-webpack --save-dev
npm install webpack --save-dev

После установки модулей, вам необходимо создать файл конфигурации webpack. Он представляет собой JavaScript-файл, в котором вы определяете настройки сборки. Пример webpack.config.js:

const path = require('path');

module.exports = {
  mode: 'production',
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
};

В этом примере мы указываем, что режим сборки - production, входной файл - src/index.js, а выходной файл будет расположен в папке dist/bundle.js.

После создания конфигурационного файла, вы можете использовать плагин gulp-webpack для интеграции сборки в ваш gulp-процесс. Вам нужно добавить следующий код в ваш файл gulpfile.js:

const gulp = require('gulp');
const webpack = require('gulp-webpack');

gulp.task('build', function() {
  return gulp.src('src/index.js')
    .pipe(webpack(require('./webpack.config.js')))
    .pipe(gulp.dest('dist/'));
});

Этот код определяет задачу Gulp под названием 'build', которая использует модуль gulp-webpack для выполнения сборки с помощью файла конфигурации webpack.config.js, и затем сохраняет результаты в папке dist/.

Теперь вы можете запустить задачу Gulp с помощью команды:

gulp build

После выполнения этой команды, в папке dist/ будет создан файл bundle.js - ваш несжатый js-код.

Итак, вы видите, что с помощью плагина webpack в Gulp можно легко настроить сборку несжатого js-кода для использования в продакшене.