Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取gulp任务以构建两个css文件_Javascript_Gulp_Gulp Sass - Fatal编程技术网

Javascript 获取gulp任务以构建两个css文件

Javascript 获取gulp任务以构建两个css文件,javascript,gulp,gulp-sass,Javascript,Gulp,Gulp Sass,我有一个使用gulp编译我所有SCS的项目。现在我需要两个独立的构建。目前我的任务构建了sites-bootstrap.css。我还有另外一组css文件,它是为构建站点而设置的——life-bootstrap.css,其中包含的组件最少。我似乎无法让gulp构建单独的css文件 下面是我当前正在工作的gulp file.js /*jshint节点:true*/ "严格使用",; //使用generator gulp webapp 0.2.0于2015年2月10日生成 var gulp=需要(“

我有一个使用gulp编译我所有SCS的项目。现在我需要两个独立的构建。目前我的任务构建了sites-bootstrap.css。我还有另外一组css文件,它是为构建站点而设置的——life-bootstrap.css,其中包含的组件最少。我似乎无法让gulp构建单独的css文件

下面是我当前正在工作的gulp file.js

/*jshint节点:true*/
"严格使用",;
//使用generator gulp webapp 0.2.0于2015年2月10日生成
var gulp=需要(“gulp”);
var fs=需要('fs');
要求(“咕噜咕噜声”)(咕噜声);
var运行=需要(“运行顺序”);
var$=require('gulp-load-plugins')();
//使用assemble+grunt构建编译
//注意:Assembly的“吞咽”任务非常简单,很容易完成
gulp.task('compile',function(){
gulp.run('grunt-compile');
});
吞咽任务('style',function(){
var sassPaths=['。/bower_组件/引导sass官方/资产/样式表'];
return gulp.src('app/styles/sites bootstrap.scss'))
.pipe($.plumber())
.pipe($.sass({
样式:“扩展”,
包括路径:sassPaths,
精度:10
}))
.pipe($.autoprefixer({browsers:['last 1 version']}))
.pipe($.replace(“../bower_components/bootstrap sass official/assets/fonts/bootstrap”,“../fonts”))
.pipe(大口目的地(dist/style));
});
gulp.task('jshint',function(){
返回gulp.src('app/scripts/***.js')
.pipe($.jshint())
.pipe($.jshint.reporter('jshint-style'))
.pipe($.jshint.reporter('fail'));
});
gulp.task('html',['styles',]函数(){
var lazypipe=require('lazypipe');
var cssChannel=lazypippe()
.pipe(元);;
var assets=$.useref.assets({searchPath:{.tmp,app}});
//所有构建说明都在build.html中,而不是在hbs文件中
返回gulp.src('app/useref/build.html')
.管道(资产)
.pipe($.if('*.js',$.uglify()))
.pipe($.if('*.css',cssChannel()))
.pipe(assets.restore())//在html文件中执行资产替换
.pipe($.useref())
.pipe(大口目的地('dist'));
});
吞咽任务('images',函数(){
return gulp.src('app/images/***')
.pipe($.cache($.imagemin({
进步:是的,
交错:对
})))
.管道(吞咽目标(“距离/图像”);
});
gulp.task('font',function(){
return gulp.src(require('main-bower-files')().concat('app/fonts/***'))
.pipe($.filter('***.{eot,svg,ttf,woff,woff2}'))
.pipe($.flant())
.pipe(gulp.dest('dist/font'));
});
狼吞虎咽任务('extras',函数(){
回灌([
'app/extras/*.'
], {
多特:是的
})
.pipe(大口目的地('dist'));
});
/**
*清理区和tmp
*/
吞咽任务(“清洁”,功能(cb){
var del=需要('del');
德尔([
“./.tmp”,
“./dist/*”,
],cb);
});
gulp.task('connect',['styles',]函数(){
var serveStatic=require('service-static');
var serveIndex=require('serve-index');
var app=require('connect')()
.use(需要('connect-livereload')({port:35729}))
.use(serveStatic('dist'))
.使用(serveIndex('dist'));
需要('http')。createServer(应用程序)
.听(9000)
.on('listening',function(){
console.log('已在上启动连接web服务器http://localhost:9000');
});
});
吞咽任务('cdn',函数(){
var json=fs.readFileSync('gulp-aws.json');
var aws=JSON.parse(JSON);
var opts=aws.cdn;
//创建新的发布者
var publisher=$.awspublish.create(opts);
var sourceFolder=['./dist/style','./dist/font','./dist/images'];
return gulp.src(sourceFolder)
//gulp awspublish路由器定义缓存和其他选项(见上文)
//.管道(awspublishRouter(awsPubRouterOpts))
//publisher将添加上面指定的内容长度、内容类型和标题
//如果未指定,则默认情况下会将x-amz-acl设置为公共读取
//我认为并行化导致它丢失了一些文件
.pipe(publisher.publish())
//.pipe(publisher.publish(null,{force:true}))
//删除已在本地删除的内容
//不能这样做,因为它会杀死1.9
//.pipe(publisher.sync())
//创建缓存文件以加速连续上载
.pipe(publisher.cache())
//打印上载更新到控制台
.pipe($.awspublish.reporter());
});
吞咽任务(“服务”),功能(完成){
运行(['build'],['watch'],['open'],done);
});
吞咽任务('打开',函数(){
require('opn')('http://localhost:9000');
});
gulp.task('watch',['connect',]函数(){
$.livereload.listen();
//留意变化
大口喝手表([
'dist/***/.html',
“.tmp/styles/***.css”,
'dist/scripts/***.js',
“dist/images/***”
]).on('change',$.livereload.changed);
大口喝手表('app/styles/***.scss',['styles']);
大口大口地观看('app/***/*.hbs',['compile']);
});
gulp.task('reload',function(){
$.livereload.changed();
});
吞咽任务('deploy',函数(done){
//返回一口src('./dist/***')
//.pipe($.ghPages({origin:'upstream'}));
错误('不推荐:部署到gh页面现在由Travis CI处理');
完成();
});
吞咽任务('build-report',函数(){
return gulp.src('dist/***').pipe($.size({title:'build',gzip:true}));
});
吞咽任务(“构建”,功能(完成){
运行(['clean'],['jshint','html','images','font','extras'],'compile','buildreport',done);
});
gulp.task('default',['clean',]函数(){
吞咽开始(“构建”);

});包括尝试添加一个单独的gulp任务来构建sites-life-bootstrap.css