Организация вывода файлов, gulp

160
03 июля 2018, 01:20

Есть такой gulpfile, я его только начал делать, установил плагины.

var gulp = require('gulp'), 
    watch = require('gulp-watch'), 
    prefixer = require('gulp-autoprefixer'), 
    uglify = require('gulp-uglify'), 
    less = require('gulp-less'), 
    sourcemaps = require('gulp-sourcemaps'), 
    rigger = require('gulp-rigger'), 
    cssmin = require('gulp-minify-css'), 
    imagemin = require('gulp-imagemin'), 
    pngquant = require('imagemin-pngquant'), 
    rimraf = require('rimraf'), 
    browserSync = require("browser-sync"), 
    reload = browserSync.reload; 
 
var path = { 
 
	build: { 
		html:'dist/', 
		css:'dist/css/', 
		js:'dist/js', 
		img:'dist/img', 
		fonts:'dist/fonts' 
	}, 
 
	src: { 
		html:'app/**/*.html', 
		css: 'app/css/*.css', 
		js: 'app/**/*.js', 
		img: 'app/img/**/*.*', 
		fonts: 'app/fonts/**/*.*' 
	}, 
 
	watch: { 
        html: 'src/**/*.html', 
        js: 'src/**/*.js', 
        style: 'src/style/**/*.scss', 
        img: 'src/img/**/*.*', 
        fonts: 'src/fonts/**/*.*' 
    } 
}     
  
var config = { 
    server: { 
        baseDir: "./build" 
    }, 
    tunnel: true, 
    host: 'localhost', 
    port: 9000, 
    logPrefix: "Frontend_Devil" 
}; 
 
gulp.task('html:build', function () { 
    gulp.src(path.src.html) 
        .pipe(rigger()) 
        .pipe(gulp.dest(path.build.html)) 
        .pipe(reload({stream: true})); 
}); 
 
gulp.task('js:build', function () { 
    gulp.src(path.src.js) //Найдем наш main файл 
        .pipe(gulp.dest(path.build.js)) //Выплюнем готовый файл в build 
        .pipe(reload({stream: true})); //И перезагрузим сервер 
});

Суть в том, что у меня в проекте файлы JS лежат и в папке js и в папке libs, мне же нужно, что бы файлы ложились в одну папку на выходе.

Я собираю все файлы JS таким образом:

js: 'app/**/*.js',

Вывожу таким:

js:'dist/js',

В итоге gulp раскладывает файлы таким образом:

Т.е. он создает под файлы js которые находились в libs папке, свою папку, а под файлы которые находились в папке js он создает папку js

В конечном итоге оба файла из обеих папок должны просто быть помещены в конечную папку js, как это можно сделать?

READ ALSO
Установка прелоадера на сайт на время прогрузки страницы

Установка прелоадера на сайт на время прогрузки страницы

https://codepenio/colinhorn/pen/zdNMVy вот такой прелоадер нужен на сайт

200
Как минимизировать следующий JQuery скрипт?

Как минимизировать следующий JQuery скрипт?

Изучаю JavaScript в частности JQuery, задался вопросом, как можно минимизировать следующий скрипт? - Открывает мобильное меню с анимацией появления...

166