Gulp-preloader NPM

gulp-preloader

Если Вы используете пакет preloader.css3, то используйте этот плагин для gulp, чтобы немного облегчить себе жизнь.

С его помощью в Ваш index.html будет автоматически вставляться вызов функции preloaderCSS3. Подробнее можно почитать в README пакета preloader.css3.

Плагин не претендует на звание шедевра и писался исключительно для себя

Как это работает

Плагин принимает на вход html файл, ищет в нем открывающий тег <body> и сразу после него вставляет вызов функции

......
<body>
<script>preloaderCSS3("Сообщение при загрузке страницы");</script>
......

Установка:

$ npm i -S gulp-preloader

Использование:

var gulp = require('gulp');
var jade = require('gulp-jade');
var preloader = require('gulp-preloader');

// Например ваш таск для компиляции jade в html файлов
gulp.task('html', function () {
    gulp.src("./src/jade/pages/*.jade")
        .pipe(jade())
        // ....
        .pipe(preloader({
            // По-умолчанию: Loading application... Please wait
            msg: "Сообщение при загрузке страницы"
        }))
        .pipe(gulp.dest("./dest"));
});

Конечно же пакет preloader.css3 должен быть подключен к странице до вызова функции.

gulp-preloader preloader.css3 page preloader

gulp-util through2

1.0.0

9 years ago