R
R
RocknRoolla2020-02-18 14:56:13
JavaScript
RocknRoolla, 2020-02-18 14:56:13

Why is the js folder not being created?

When you enter gulp js in the console, a folder should be created, but it doesn’t create it for me, although the console does not give an error.
[email protected] 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;

Answer the question

In order to leave comments, you need to log in

2 answer(s)
N
nulledbox, 2020-02-18
@nulledbox

You can start small, check the write permissions.

T
tyzberd, 2020-02-18
@tyzberd

maybe it's {base: '../src/assets/js/'})too much..

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question