gulp.task('styles:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"normalize.css": {
"main": "./normalize.css"
},
"magnific-popup": {
"main": "./dist/magnific-popup.css"
}
}
}))
.pipe(cssFilter)
.pipe(concat('vendor.css'))
.pipe(gulpIf(env !== 'dev', minifyCSS()))
.pipe(gulp.dest(outputDir + 'css'))
});
var gulp = require('gulp'),
rigger = require('gulp-rigger');
var src = {
html: ['./src/*.html']
},
gulp.task('html', function() {
gulp.src(src.html)
.pipe(rigger())
.pipe(gulpIf(env !== 'dev', minifyHTML()))
.pipe(gulp.dest(outputDir))
.pipe(connect.reload())
});
gulp.task('watch', function() {
gulp.watch('./src/**/*.html', ['html']);
});
var gulp = require('gulp'),
imageMin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant');
gulp.task('images', function() {
return gulp.src(src.images)
.pipe(imageMin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()],
interlaced: true
}))
.pipe(gulp.dest(outputDir + 'img'))
.pipe(connect.reload())
});
var src = {
html: ['./src/*.html']
},
gulp.task('html', function() {
gulp.src(src.html)
.pipe(connect.reload())
});
gulp.task('watch', function() {
gulp.watch('./src/**/*.html', ['html']);
});
gulp.task('styles', function() {
gulp.src(src.sass)
.pipe(sass({
"sourcemap=none": true,
noCache: true,
compass: true,
style: sassStyle,
lineNumbers: false
}))
.pipe(autoPrefixer())
.pipe(gulp.dest(outputDir + 'css'))
.pipe(connect.reload())
});
gulp.task('html', function() {
gulp.src(src.html)
.pipe(rigger())
.pipe(gulpIf(env !== 'dev', minifyHTML()))
.pipe(gulp.dest(outputDir))
.pipe(connect.reload())
});
gulp.task('styles:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"normalize.css": {
"main": "./normalize.css"
},
"magnific-popup": {
"main": "./dist/magnific-popup.css"
},
"bootstrap": {
main: [
'./dist/css/bootstrap.css',
'./dist/fonts/*.*'
]
}
}
}))
.pipe(cssFilter)
.pipe(concat('vendor.css'))
.pipe(gulpIf(env !== 'dev', minifyCSS()))
.pipe(gulp.dest(outputDir + 'css'))
});
gulp.task('scss', function () {
gulp.src('src/scss/*.scss')
.pipe(plumber())
.pipe(sass({
outputStyle: 'expanded'
}))
.pipe(gulp.dest('build/css'));
});
// После того как сработал scss, хочу чтобы сработал styles, то есть добавил префикси, минифицировал
gulp.task('styles', function () {
gulp.src('build/css/*.css')
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(postcss([
autoprefixer({browsers: [
'last 2 versions'
]}),
mqpacker()
]))
.pipe(gulp.dest('build/css'))
.pipe(minify())
.pipe(rename({
suffix: '.min'
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('build/css'));
});
gulp.task('styles', function() {
gulp.src(src.sass)
.pipe(sass({
"sourcemap=none": true,
noCache: true,
compass: true,
style: sassStyle,
lineNumbers: sassComments
}))
.pipe(autoPrefixer())
.pipe(........................())
.pipe(gulp.dest(outputDir + 'css'))
.pipe(connect.reload())
});
// ~ Compile JS ~
var jsFilter = gulpFilter('**/*.js');
// Concat vendor JS (uglify for production)
gulp.task('js:vendor', function() {
gulp.src(mainBowerFiles({
"overrides": {
"jquery": {
"main": "./dist/jquery.min.js"
},
"bootstrap": {
"main": "./dist/js/bootstrap.min.js"
},
"magnific-popup": {
"main": "./dist/jquery.magnific-popup.min.js"
}
}
}))
.pipe(jsFilter)
.pipe(concat('vendor.js'))
.pipe(gulpIf(env !== 'dev', uglify()))
.pipe(gulp.dest(outputDir + 'js'))
});
// Concat own JS (uglify for production)
gulp.task('js', function() {
gulp.src(src.js)
.pipe(jsHint())
.pipe(jsHint.reporter('default'))
.pipe(concat('script.js'))
.pipe(gulpIf(env !== 'dev', uglify()))
.pipe(gulp.dest(outputDir + 'js'))
.pipe(connect.reload());
});
1. вопрос где он должен находится в app или в корне www ?в корне
2. Можно ли вообще без этого файла обойтись, если да то как ?нет
gulp.task('compass', function() {
gulp.src('./app/scss/**/*.scss')
.pipe(debug())
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(sourcemaps.init())
.pipe(compass({
config_file: './config.rb',
sass: './app/scss',
css: './app/css'
}))
.pipe(debug())
.pipe(urlAdjuster({
replace: ['/app/img','/img']
}))
.pipe(minifyCSS({compatibility: 'ie8'}))
.pipe(debug())
.pipe(rename('style.min.css'))
.pipe(csso())
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('./dist/css'))
.pipe(reload({stream: true}));
});