Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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 Gulpfiles如何根据命令而不是自动生成?_Javascript_Gulp - Fatal编程技术网

Javascript Gulpfiles如何根据命令而不是自动生成?

Javascript Gulpfiles如何根据命令而不是自动生成?,javascript,gulp,Javascript,Gulp,下午好,gulp上有一个组装项目。每次变更后,都会组装完成的项目 控制版本有点不舒服 如何使项目仅基于命令生成gulpbuild?目前它是自动实现的,但是您需要通过命令来构建它 gulpfiles let project\u folder=require(“路径”).basename(\uu dirname); 让source_folder=“src”; 设fs=require('fs'); 让路径={ 建造:{ html:project_文件夹+“/”, css:project_folder

下午好,
gulp
上有一个组装项目。每次变更后,都会组装完成的项目

控制版本有点不舒服

如何使项目仅基于命令生成
gulpbuild
?目前它是自动实现的,但是您需要通过命令来构建它

gulpfiles

let project\u folder=require(“路径”).basename(\uu dirname);
让source_folder=“src”;
设fs=require('fs');
让路径={
建造:{
html:project_文件夹+“/”,
css:project_folder+“/css/”,
js:project_folder+“/js/”,
img:project_folder+“/images/”,
字体:项目文件夹+“/fonts/”,
},
src:{
html:[source_folder+“/*.html”、“!”+source_folder+“/*.html”],
css:source_folder+“/scss/style.scss”,
js:source_folder+“/js/script.js”,
img:source_folder+“/images/***.{jpg、png、svg、gif、ico、webp}”,
字体:source_folder+“/font/*.ttf”,
},
观察:{
html:source_folder+“/***.html”,
css:source_folder+“/scss/***.scss”,
js:source_folder+“/js/***.js”,
img:source_folder+“/images/***.{jpg、png、svg、gif、ico、webp}”
},
清理:“./”+项目文件夹+“/”
}
让{
src,
目的地
}=需要('gulp'),
咕噜声=需要(“咕噜声”),
browsersync=require(“浏览器同步”).create(),
fileinclude=require(“gulp file include”),
del=要求(“del”),
scss=需要(“吞咽式sass”),
autoprefixer=需要(“吞下autoprefixer”),
group_media=require(“吞咽组css媒体查询”),
清洁css=需要(“吞咽清洁css”),
重命名=需要(“吞咽重命名”),
uglify=需要(“吞咽uglify es”)。默认,
imagemin=需要(“吞咽imagemin”),
//webp=require('gulp-webp'),
//webphtml=require('gulp-webp-html'),
//webpcss=需要(“吞咽webpcss”),
svgSprite=require('gulp-svg-sprite'),
ttf2woff=require('gulp-ttf2woff'),
ttf2woff2=require('gulp-ttf2woff2'),
fonter=require('gulp-fonter');
函数browserSync(参数){
browsersync.init({
服务器:{
baseDir:“./”+项目文件夹+“/”
},
港口:3000,
通知:假
})
}
函数html(){
返回src(path.src.html)
.pipe(fileinclude())
//.pipe(webphtml())
.pipe(dest(path.build.html))
.pipe(browsersync.stream())
}
函数css(){
返回src(path.src.css)
.烟斗(
scss({
outputStyle:“扩展”
})
)
.烟斗(
媒体组()
)
.烟斗(
自动刷新器({
OverrideBrowserList:[“最后5个版本”],
瀑布:对
})
)
//.pipe(webpcss())
.pipe(dest(path.build.css))
.pipe(清洁_css())
.烟斗(
改名({
extname:“.min.css”
})
)
.pipe(dest(path.build.css))
.pipe(browsersync.stream())
}
函数js(){
返回src(path.src.js)
.pipe(fileinclude())
.pipe(dest(path.build.js))
.烟斗(
丑陋的
)
.烟斗(
改名({
extname:“.min.js”
})
)
.pipe(dest(path.build.js))
.pipe(browsersync.stream())
}
函数图像(){
返回src(path.src.img)
//.烟斗(
//webp({
//品质:70
//     })
// )
.pipe(dest(path.build.img))
.pipe(src(path.src.img))
.烟斗(
imagemin({
进步:是的,
SVGO插件:[{
removeViewBox:false
}],
交错:对,
优化级别:3//0到7
})
)
.pipe(dest(path.build.img))
.pipe(browsersync.stream())
}
函数字体(){
src(path.src.font)
.pipe(ttf2woff())
.pipe(dest(path.build.font));
返回src(path.src.font)
.管道(ttf2woff2())
.pipe(dest(path.build.font));
};
gulp.task('otf2ttf',function(){
返回src([source_folder+'/font/*.otf']))
.管道(方特)({
格式:['ttf']
}))
.pipe(dest(source_folder+'/font/');
})
gulp.task('svgSprite',function(){
返回gulp.src([source_folder+'/iconsprite/*.svg'])
.管道(svgSprite({
模式:{
堆栈:{
精灵:“../icons/icons.svg”,//精灵文件名
示例:正确
}
},
}))
.pipe(dest(path.build.img))
})
函数fontsStyle(参数){
让file_content=fs.readFileSync(source_folder+'/scss/fonts.scss');
如果(文件内容=“”){
fs.writeFile(source_folder+/scss/fonts.scss','',cb);
返回fs.readdir(path.build.fonts,函数(err,items){
若有(项目){
让cúfontname;
对于(变量i=0;i