jsongulpulmart.ru

篇首语：本文由编程笔记#小编为大家整理，主要介绍了json gulp ulmart.ru相关的知识，希望对你有一定的参考价值。

&＃39;use strict&＃39;;
var gulp = require(&＃39;gulp&＃39;),
rigger = require(&＃39;gulp-rigger&＃39;),
browserSync = require("browser-sync"),
reload = browserSync.reload,
sourcemaps = require(&＃39;gulp-sourcemaps&＃39;),
uglify = require(&＃39;gulp-uglify&＃39;),
sass = require(&＃39;gulp-sass&＃39;),
autoprefixer = require(&＃39;gulp-autoprefixer&＃39;),
gcmq = require(&＃39;gulp-group-css-media-queries&＃39;),
cleanCSS = require(&＃39;gulp-clean-css&＃39;),
imagemin = require(&＃39;gulp-imagemin&＃39;),
pngquant = require(&＃39;imagemin-pngquant&＃39;),
watch = require(&＃39;gulp-watch&＃39;),
rename = require("gulp-rename"),
rimraf = require(&＃39;rimraf&＃39;);
var path = {
build: {
html: &＃39;main/build/&＃39;,
js: &＃39;main/build/js/&＃39;,
css: &＃39;main/build/css/&＃39;,
img: &＃39;main/build/img/&＃39;,
fonts: &＃39;main/build/fonts/&＃39;
},
src: {
html: &＃39;main/src/*.html&＃39;, //Синтаксис src/*.html говорит gulp что мы хотим взять все файлы с расширением .html
js: &＃39;main/src/js/main.js&＃39;, //В стилях и скриптах нам понадобятся только main файлы
style: &＃39;main/src/style/main.scss&＃39;,
css: &＃39;main/src/style/*.css&＃39;,
img: &＃39;main/src/img/**/*.*&＃39;, //Синтаксис img/**/*.* означает - взять все файлы всех расширений из папки и из вложенных каталогов
fonts: &＃39;main/src/fonts/**/*.*&＃39;,
js_external: &＃39;main/src/js_external/**/*.js&＃39;
},
watch: { //Тут мы укажем, за изменением каких файлов мы хотим наблюдать
html: &＃39;main/src/**/*.html&＃39;,
js: &＃39;main/src/js/**/*.js&＃39;,
style: &＃39;main/src/style/**/*.scss&＃39;,
css: &＃39;main/src/style/*.css&＃39;,
img: &＃39;main/src/img/**/*.*&＃39;,
fonts: &＃39;main/src/fonts/**/*.*&＃39;,
js_external: &＃39;main/src/js_external/**/*.js&＃39;
},
clean: &＃39;./main/build&＃39;
};
var cOnfig= {
server: {
baseDir: "./main/build"
},
tunnel: false,
host: &＃39;localhost&＃39;,
port: 9000,
logPrefix: "Frontend_Devil"
};
gulp.task(&＃39;html:build&＃39;, function () {
gulp.src(path.src.html) //Выберем файлы по нужному пути
.pipe(rigger()) //Прогоним через rigger
.pipe(gulp.dest(path.build.html)) //Выплюнем их в папку build
.pipe(reload({stream: true})); //И перезагрузим наш сервер для обновлений
});
gulp.task(&＃39;js:build&＃39;, function () {
gulp.src(path.src.js) //Найдем наш main файл
.pipe(rigger()) //Прогоним через rigger
.pipe(gulp.dest(path.build.js)) //Выплюнем готовый файл в build
.pipe(sourcemaps.init()) //Инициализируем sourcemap
.pipe(uglify()) //Сожмем наш js
.pipe(rename({suffix: ".min"}))
.pipe(sourcemaps.write(&＃39;.&＃39;)) //Пропишем карты
.pipe(gulp.dest(path.build.js)) //Выплюнем готовый файл в build
.pipe(reload({stream: true})); //И перезагрузим сервер
});
gulp.task(&＃39;style:build&＃39;, function () {
gulp.src(path.src.style) //Выберем наш main.scss
.pipe(sourcemaps.init()) //То же самое что и с js
.pipe(sass()) //Скомпилируем
.pipe(autoprefixer()) //Добавим вендорные префиксы
.pipe(gcmq())
.pipe(cleanCSS())
.pipe(sourcemaps.write(&＃39;.&＃39;)) //Пропишем карты
.pipe(gulp.dest(path.build.css)) //И в build
.pipe(reload({stream: true}));
});
gulp.task(&＃39;image:build&＃39;, function () {
gulp.src(path.src.img) //Выберем наши картинки
.pipe(imagemin({ //Сожмем их
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()],
interlaced: true
}))
.pipe(gulp.dest(path.build.img)) //И бросим в build
.pipe(reload({stream: true}));
});
gulp.task(&＃39;fonts:build&＃39;, function() {
gulp.src(path.src.fonts)
.pipe(gulp.dest(path.build.fonts))
});
gulp.task(&＃39;js_external:build&＃39;, function () {
gulp.src(path.src.js_external)
.pipe(uglify())
.pipe(gulp.dest(path.build.js))
});
gulp.task(&＃39;css:build&＃39;, function() {
gulp.src(path.src.css)
.pipe(cleanCSS())
.pipe(gulp.dest(path.build.css))
});
gulp.task(&＃39;build&＃39;, [
&＃39;html:build&＃39;,
&＃39;js:build&＃39;,
&＃39;style:build&＃39;,
&＃39;fonts:build&＃39;,
&＃39;image:build&＃39;
]);
gulp.task(&＃39;watch&＃39;, function(){
watch([path.watch.html], function(event, cb) {
gulp.start(&＃39;html:build&＃39;);
});
watch([path.watch.style], function(event, cb) {
gulp.start(&＃39;style:build&＃39;);
});
watch([path.watch.js], function(event, cb) {
gulp.start(&＃39;js:build&＃39;);
});
watch([path.watch.img], function(event, cb) {
gulp.start(&＃39;image:build&＃39;);
});
watch([path.watch.fonts], function(event, cb) {
gulp.start(&＃39;fonts:build&＃39;);
});
watch([path.watch.js_external], function(event, cb) {
gulp.start(&＃39;js_external:build&＃39;);
});
watch([path.watch.css], function(event, cb) {
gulp.start(&＃39;css:build&＃39;);
});
});
gulp.task(&＃39;webserver&＃39;, function () {
browserSync(config);
});
gulp.task(&＃39;clean&＃39;, function (cb) {
rimraf(path.clean, cb);
});
gulp.task(&＃39;default&＃39;, [&＃39;build&＃39;, &＃39;webserver&＃39;, &＃39;watch&＃39;]);

{
"name": "ulmart.ru",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.18.8",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-clean-css": "^3.0.4",
"gulp-group-css-media-queries": "^1.2.0",
"gulp-imagemin": "^3.2.0",
"gulp-rename": "^1.2.2",
"gulp-rigger": "^0.5.8",
"gulp-sass": "^3.1.0",
"gulp-sourcemaps": "^2.5.0",
"gulp-uglify": "^2.1.2",
"gulp-watch": "^4.3.11",
"rimraf": "^2.6.1"
},
"dependencies": {
"imagemin-pngquant": "^5.0.0"
}
}