Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2016, 00:03
Аватар для Alexander Belov
Профессор
Отправить личное сообщение для Alexander Belov Посмотреть профиль Найти все сообщения от Alexander Belov
 
Регистрация: 12.03.2015
Сообщений: 173

Concat and Minify / Gulp
Привет!

Делаю сборку первый раз. Информацию брал отовсюду понемногу. В итоге не работает код, прошу помочь разобраться.
Мне нужно сконкатить и минифицировать .css и .js файлы.

Вот мой код:
var gulp = require('gulp'),
	concatCSS = require('gulp-concat-css'),
	minifyCSS = require('gulp-minify-css'),
	rename = require('gulp-rename'),
	notify = require('gulp-notify'),
	browserSync = require('browser-sync').create(),
	reload = browserSync.reload,
	autoprefixer = require('gulp-autoprefixer');

//Concat CSS
gulp.task('default', function () {
  return gulp.src('css/*.css')
    .pipe(concatCSS('css/bundle.css'))
    .pipe(rename('bundle.min.css'))
    .pipe(gulp.dest('css'));
});

//Watch HTML and reload
gulp.task('serve', function () {

    // Serve files from the root of this project
    browserSync.init({
        server: {
            baseDir: "./app"
        }
    });

    browserSync.watch("app/*.html").on("change", reload);
});

//Default
gulp.task('default', ['serve']);


Структура приложения в прикреплённом файле.

Терминал не выдаёт никаких ошибок, но и ничего не обрабатывает файлы.
Изображения:
Тип файла: jpg 1.jpg (5.2 Кб, 2 просмотров)

Последний раз редактировалось Alexander Belov, 06.04.2016 в 00:24.
Ответить с цитированием
  #2 (permalink)  
Старый 06.04.2016, 02:45
Аватар для Alexander Belov
Профессор
Отправить личное сообщение для Alexander Belov Посмотреть профиль Найти все сообщения от Alexander Belov
 
Регистрация: 12.03.2015
Сообщений: 173

Оказалось, синтаксические ошибки в файлах .css
Исправил, поменял minifyCSS = require('gulp-minify-css' на 'gulp-clean-css' всё работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск