Блог

После переустановки node js gulp не работает должным образом, но раньше он работал отлично. Я перепробовал много способов и прочитал много вопросов на github и форумах, но ничего… Пытался удалить глобально установленные пакеты и локальные установленные. Переустановите node js, обновите node js, установите glob@4.2.2 … и т. д

Вот мой файл gulp:

         gulp.task('js', function() {
        return gulp.src([               
            'app/js/lightgallery.min.js',
            'app/js/jquery.dotdotdot.min.js',
            'app/js/common.js',
            'app/js/jquery.magnific-popup.min.js'
            ])
        .pipe(concat('scripts.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('app/js-output'))
        .pipe(browserSync.reload({ stream: true }))
        });

        gulp.task('css', function() {
        return gulp.src([
            'app/css/header.css',
            'app/css/bootstrap.css'
            ])
        .pipe(concat('style.min.css'))  
        .pipe(autoprefixer(['last 15 versions']))
        .pipe(cleancss( {level: { 1: { specialComments: 0 } } })) // Opt., comment out when debugging
        .pipe(gulp.dest('app/css-output'))
        .pipe(browserSync.stream())
        });
  

Здесь package.json :

    {
    "name": "somename",
    "version": "4.0.0",
    "description": "somedescr",
    "main": "index.js",
    "scripts": {
      "test": "echo "Error: no test specified" amp;amp; exit 1"
    },
    "author": "someone",
    "license": "ISC",
    "devDependencies": {
      "browser-sync": "^2.26.3",
      "gulp": "^3.9.1",
      "gulp-autoprefixer": "^6.0.0",
      "gulp-clean-css": "^3.10.0",
      "gulp-concat": "^2.6.1",
      "gulp-notify": "^3.2.0",
      "gulp-rename": "^1.4.0",
      "gulp-rsync": "0.0.8",
      "gulp-sass": "^4.0.1",
      "gulp-uglify": "^3.0.1",
      "gulp-util": "^3.0.8"
    }
  }
  

Что я должен сделать, чтобы это заработало? Или, может быть, есть какой-либо альтернативный способ просто объединить и минимизировать js, css, sass на локальном компьютере одним щелчком мыши?

Я нашел альтернативный способ сжать js и css с помощью PHP-скриптов и запустить его на локальном сервере. Найдены очень полезные библиотеки, написанные на PHP:

• Минимизировать JS (https://github.com/mrclay/jsmin-php ) (https://github.com/matthiasmullie/minify /) (на 12-13% менее эффективен, чем «gulp-uglify»)
• Уменьшите CSS (https://github.com/tubalmartin/YUI-CSS-compressor-PHP-port ) (на 3-5% эффективнее, чем ‘gulp-cleancss’, возможно, из-за отсутствия выходных данных из ‘gulp-autoprefixer’)

И написал простой мастер-скрипт для их использования и вывода. Возможно, для кого-то эта информация может быть полезной…