проблема с лишним кодом ушло, но есть некоторые другие ньюансы,
я использую
import функций в js (у меня есть много файлов js, из которых я импортирую функции в основной, но в итоге импортируется не сам код функции, а просто остается строка импорта
node.js в системе установлен, gulp занимаеться import - ом без ошибок
import*as flsFunctions from"./files/functions.js"; объявляю переменную, в которую импортирую функции из файла
flsFunctions.isWebp(), использую функции из вышеупомянутой переменной
flsFunctions.menuInit();
import*as flsForms from"./files/forms/forms.js";
(похожая операция выше)
import*as flsScroll from"./files/scroll/scroll.js";
import"./files/script.js";
)
Код из файла js.js, который находиться в gulp/tasks
import webpack from "webpack-stream";
export const js = () => {
return app.gulp.src(app.path.src.js, { sourcemaps: app.isDev })
.pipe(app.plugins.plumber(
app.plugins.notify.onError({
title: "JS",
message: "Error: <%= error.message %>"
}))
)
.pipe(webpack({
mode: app.isBuild ? 'production' : 'development',
output: {
filename: 'app.min.js',
}
}))
.pipe(app.gulp.dest(app.path.build.js))
.pipe(app.plugins.browsersync.stream());
}
в файле gulpfile.js стоит обычный наблюдатель на js и параллельное выполнение этой задачи с основными, типа html scss и т.д.
на выходе app.min.js, который выходит в папке с результатом dist, выходит таким, как на картинке.