Как заставить gulp собирать dist?

Question

[Andrey Dyrkov]

/*------------------------------------*\
		#require
\*------------------------------------*/

var gulp       = require('gulp'),

		msts       = require('gulp-minify-css'),
		sass       = require('gulp-sass'),
		prsts      = require('gulp-autoprefixer'),

		msct       = require('gulp-uglify'),
		browserify = require('browserify'),
		reactify   = require('reactify'),

		rimraf     = require('rimraf'),
		rename     = require('gulp-rename'),
		watch      = require('gulp-watch'),

		brsync     = require('browser-sync'),
		reload     = brsync.reload;

var path = {
	dist:{
		html:'./dist/',
		css:'./dist/css/',
		js:'./dist/js/',
		img:'./dist/images/',
		font:'./dist/fonts/',
		lib:'./dist/libs/'
	},

	src:{
		html:'./src/*.html',
		css:'src/stylesheets/index.scss',
		js:'src/scripts/index.js',
		img:'src/images/**/*.*',
		font:'src/fonts/**/*.*',
		lib:'src/libs/**/*.*'
	},

	watch:{
		html:'./src/*.html',
		css:'src/sass/**/*.*',
		js:'src/js/**/*.*',
		img:'src/images/**/*.*',
		font:'src/fonts/**/*.*'
	},

	clean:'./dist/'
};

/*------------------------------------*\
		#config server
\*------------------------------------*/

var conf = {
	server:{
		baseDir:'./dist/'
	},
	tunnel:false,
	host:'localhost',
	port:8080,
	logPrefix:'-Это бизнес детка-'
};

/*------------------------------------*\
		#tasks
\*------------------------------------*/

// #server
gulp.task('server', function () {
		brsync(conf);
});

// #clean
gulp.task('clean', function (cb) {
		rimraf(path.clean, cb);
});

// #html
gulp.task('html', function () {
	gulp.src(path.src.html)
		.pipe(gulp.dest(path.dist.html))
		.pipe(reload({stream: true}));
});

// #js
gulp.task('js',function(){
	browserify(path.src.js, { debug: true })
		.transform(reactify)
		.bundle()
		.pipe(msct())
		.pipe(gulp.dest(path.dist.js))
		.pipe(reload({stream: true}));
});

// #sass
gulp.task('style', function () {
	gulp.src(path.src.css)
		.pipe(sass({
		}).on('error',sass.logError))
		.pipe(prsts({
				browsers: ['last 10 versions'],
				cascade: false
		}))
		.pipe(msts())
		.pipe(gulp.dest(path.dist.css))
		.pipe(reload({stream: true}));
});

// #libs
gulp.task('libs',function(){
	gulp.src(path.src.lib)
		.pipe(gulp.dest(path.dist.lib));
});

// #build
gulp.task('build', [
		'html',
		'style',
		'libs'
		// 'js'
]);

// #watch
gulp.task('watch', function(){
		gulp.watch(path.watch.html,['html']);
		gulp.watch(path.watch.css,['style']);
		gulp.watch(path.watch.js,['js']);
});

// #default
gulp.task('default', ['build', 'server', 'watch']);

На весь этот код выдаёт вот это

Но папку dist и файлы он вообще не делает, вообще не могу понять в чём дело(

Comments

[Александр Зонов]

Попробуйте устранить неконсистентность из написания адресов у вас то есть ./ в начале пути к каталогу или файлу, то нет. Также уберите закрывающие слеши в dest. В остальном все выглядит рабочим.

[Andrey Dyrkov]

Александр Зонов: не получается всё равно(

[Александр Зонов]

Следущим ходом я бы поступил так. Убрал временно все прочие промежуточные стадии между gulp.src и gulp.dist, чтобы исключить их возможное влияние на текущую проблему.

[Andrey Dyrkov]

Александр Зонов: я выполнял все таски по отдельности,они все пролитают но на деле dist не формируется. Таже самая задача "libs" не содержит никаких операторов, только перекидывает и всё,но она также типо пролитает и нифига не делает(

[Александр Зонов]

Как бы не казалось, что пути указаны верные проверяйте их. Особенно те, которые лежат в src. Убедитель, что указанные там каталоги реально существуют.

Answer 1

[Алексей П]

Как я помню, она автоматически не создается. Её либо ручками создавать, либо скрипт в package.json запихивать, afterInit или что-то в этом роде.