RocknRoolla
@RocknRoolla

Почему не создается папка js?

При вводе в консоли gulp js должна создаваться папка, но у меня не создается хотя консоль ошибку не выдает.
User@DESKTOP MINGW64 /d/projects/gulp
$ gulp js
[12:49:28] Using gulpfile D:\projects\gulp\gulpfile.js
[12:49:28] Starting 'js'...
[12:49:28] Finished 'js' after 27 ms

"use strict";

const {src, dest} = require ("gulp");
const gulp = require ("gulp");
const autoprefixer = require ("gulp-autoprefixer");
const cssbeautify = require ("gulp-cssbeautify");
const removeComments = require ("gulp-strip-css-comments");
const rename = require ("gulp-rename");
const sass = require ("gulp-sass");
const cssnano = require ("gulp-cssnano");
const rigger = require ("gulp-rigger");
const uglify = require ("gulp-uglify");
const plumber = require ("gulp-plumber");
const imagemin = require ("gulp-imagemin");
const del = require ("del");
const panini = require ("panini");
const browsersync = require ("browser-sync").create();


var path = {
	build: {
		html: "dist/",
		js: "dist/assets/js",
		css: "dist/assets/css",
		images: "dist/assets/img"
	},
	src: {
		html: "src/*.html",
		js: "src/assets/*.js",
		css: "src/assets/sass/style.scss",
		images: "src/assets/img/**/*.{.jpg, .png, .svg, .ico, .gif}"
	},
	watch: {
		html: "src/**/*.html",
		js: "src/assets/js/**/*.js",
		css: "src/assets/sass/**/*.sass",
		images: "src/assets/img/**/*.{.jpg,.png, .svg, .ico, .gif}"
	},
	clean: "./dist"
}

// Tasks 

function browserSync(done) {
	browsersync.init({
		server: {
			baseDir: "./dist/"
		},
		port: 3000
	});
}

function browserSyncReload(done) {
	browsersync.reload();
}



function html() {
	return src(path.src.html, { base: "src/" })
	.pipe(plumber())
	.pipe(dest(path.build.html));
}

function css() {
	return src(path.src.css, { base: "src/assets/sass/" })
	.pipe(plumber())
	.pipe(sass())
	.pipe(autoprefixer({
            cascade: true   
    }))
	.pipe(cssbeautify())
	.pipe(dest(path.build.css))
	.pipe(cssnano({
		zindex: false,
		discardComments: {
			removeComments: true
		}
	}))
	.pipe(removeComments())
	.pipe(rename({
		suffix: ".min",
    	extname: ".css"
    }))
	.pipe(dest(path.build.css))
	.pipe(browsersync.stream());
}


function js() {
	return src(path.src.js, {base: '../src/assets/js/'})
	.pipe(plumber())
	.pipe(rigger())
	.pipe(gulp.dest(path.build.js))
	.pipe(uglify())
	.pipe(rename({
		suffix: ".min",
		extname: ".js"
	}))
	.pipe(dest(path.build.js))
	.pipe(browsersync.stream());
}

function images() {
	return src(path.src.images)
	.pipe(imagemin())
	.pipe(dest(path.build.images));
}

function clean() {
	return del(path.clean);
}

function watchFiles() {
	gulp.watch([path.watch.html], html);
	gulp.watch([path.watch.css], css);
	gulp.watch([path.watch.js], js);
	gulp.watch([path.watch.images], images);
}

const build = gulp.series(clean, gulp.parallel(html, css, js, images));
const watch = gulp.parallel(build, watchFiles, browserSync);

// Exports Tasks

exports.html = html;
exports.css = css;
exports.js = js;
exports.images = images;
exports.clean = clean;
exports.build = build;
exports.watch = watch;
exports.default = watch;
  • Вопрос задан
  • 196 просмотров
Пригласить эксперта
Ответы на вопрос 2
nulledbox
@nulledbox
Можно начать с малого, права на запись проверить.
Ответ написан
@tyzberd
может тут {base: '../src/assets/js/'}) лишнее ../
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы