.test2 {
width: 100px; /* <- убрать */
height: 100px; /* <- убрать */
}
gulp.task('libCss:build', function() {
const res_css_arr = pathsLibrary.libcss.libaray.map(str => `${str}.css`);
return gulp.src(res_css_arr)
.pipe(concat(pathsLibrary.libcss.cssname + '.min.css'))
.pipe(csso())
.pipe(gulp.dest(pathsLibrary.libcss.pay_css));
});[ 'source/asstes/libaray/normalize-css/normalize.css',
'source/asstes/libaray/magnific-popup/dist/magnific-popup.css',
'source/asstes/libaray/bootstrap/bootstrap-grid-3.3.1.min.css' ]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']));
В упоре лежа и в противогазе =)
А если серьезно, я бы не стал на твоем месте сейчас об этом задумываться. Позже через полгодика хотя бы и выбрал бы основы Computer Science и алгоритмы. Легкой тебе службы)