Как подключить код из .js в main.js через @@include?

Для подключения кода из .js файла в main.js с использованием метода @@include, вам понадобится сделать несколько шагов:

1. Установите пакет gulp-file-include. Для этого выполните команду npm install gulp-file-include --save-dev. Этот пакет позволяет использовать @@include для объединения различных файлов в один.

2. Создайте файл gulpfile.js в корне вашего проекта и добавьте следующий код:

const gulp = require('gulp');
const fileinclude = require('gulp-file-include');

function includeHTML() {
  return gulp.src('src/main.js')
    .pipe(fileinclude({
      prefix: '@@',
      basepath: '@file'
    }))
    .pipe(gulp.dest('dist/js'));
}

gulp.task('default', includeHTML);

3. Создайте файл main.js в папке src вашего проекта. Внутри main.js вы можете использовать @@include для подключения других .js файлов. Например, если у вас есть файл utils.js в папке src, вы можете подключить его так:

@@include('utils.js')

4. Запустите сборку проекта с помощью команды gulp в терминале. Процесс сборки возьмет main.js как основной файл, найдет все вхождения @@include и заменит их содержимым соответствующих .js файлов.

В результате, в папке dist/js будет создан файл main.js с подключенным кодом из .js файлов, определенных через @@include.

Это позволяет удобно структурировать ваш код и повторно использовать его, подключая нужные части в различных файлах.@@include также с легкостью интегрируется с другими задачами сборки или транспиляции, которые вы можете добавить в gulpfile.js.