module.exports = {
src: {
root: 'src/',
css: 'src/style/',
cssEntry: ['style.scss'],
},
dev: {
root: 'dist/dev/',
css: 'dist/dev/css/',
},
prod: {
root: 'dist/prod/',
css: 'dist/prod/css/',
},
}// Task css
const gulp = require('gulp');
const scss = require('gulp-sass');
const concat = require('gulp-concat');
const cssmin = require('gulp-cssmin');
const autoprefixer = require('gulp-autoprefixer');
const rename = require('gulp-rename');
const connect = require('gulp-connect');
const {src, dev, prod} = require('./paths.js');
const BUILD_TYPE = process.env.NODE_ENV;
let dist, task;
if (BUILD_TYPE === 'dev') {
dist = dev;
task = taskDev;
}
else if (BUILD_TYPE === 'prod') {
dist = prod;
task = taskProd;
}
function taskDev() {
const entry = src.cssEntry.map(name => `${src.css}${name}`);
return gulp.src(entry)
.pipe(scss().on('error', scss.logError))
.pipe(concat('style.css'))
.pipe(gulp.dest(dist.css));
}
function taskProd() {
const entry = src.cssEntry.map(name => `${src.css}${name}`);
return gulp.src(entry)
.pipe(scss().on('error', scss.logError))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(concat('style.css'))
.pipe(cssmin())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(dist.css));
}
module.exports = task;//gulp 4
const gulp = require('gulp');
const {src, dev, prod} = require('./gulp/paths');
gulp.task('css', require('./gulp/styles'));
gulp.task('build', gulp.series(gulp.parallel(['webpack', 'img', 'fonts']), ['css', 'html'], (done) => {
console.log(`==> BUILD: ${process.env.NODE_ENV} <==`);
done();
}));
gulp.task('serv', gulp.series(['build', 'connect', 'watch', 'reload'], (done) => {
console.log(`==> SERV: ${process.env.NODE_ENV} <==`);
done();
}));
gulp.task('default', gulp.series(['build']));
var i = 0;
for(i; i < nomenclatures.length; i++ )
//.....
if(i === nomenclatures.length)