gulp - GULP - 第一次有条件地运行任务,然后一直在监视(完成不是功能)
问题描述
我有来自RealFaviconGenerator的这个任务,它基于单个文件创建所有 favicon:
function generateFavicon(done) {
return $.realFavicon.generateFavicon({
masterPicture: 'app/favicon.svg',
dest: 'app/favicon/',
iconsPath: '/favicon',
design: {
ios: {
pictureAspect: 'backgroundAndMargin',
backgroundColor: '#ffffff',
margin: '14%',
assets: {
ios6AndPriorIcons: false,
ios7AndLaterIcons: false,
precomposedIcons: false,
declareOnlyDefaultIcon: true
}
},
desktopBrowser: {},
windows: {
pictureAspect: 'noChange',
backgroundColor: '#ffffff',
onConflict: 'override',
assets: {
windows80Ie10Tile: false,
windows10Ie11EdgeTiles: {
small: false,
medium: true,
big: false,
rectangle: false
}
}
},
androidChrome: {
pictureAspect: 'noChange',
themeColor: '#ffffff',
manifest: {
display: 'standalone',
orientation: 'notSet',
onConflict: 'override',
declared: true
},
assets: {
legacyIcon: false,
lowResolutionIcons: false
}
},
safariPinnedTab: {
pictureAspect: 'blackAndWhite',
threshold: 57.03125,
themeColor: '#004c96'
}
},
settings: {
scalingAlgorithm: 'Mitchell',
errorOnImageTooSmall: false,
readmeFile: false,
htmlCodeFile: false,
usePathAsIs: false
},
markupFile: FAVICON_DATA_FILE
}, function () {
done();
});
}
gulp serve
仅当创建generateFavicon
任务的 favicon 文件夹丢失时,我才想在运行时运行此任务。
所以我这样做了:
serve = series(clean, favicon = (done) => {
fs.existsSync('app/favicon/') ? done() : generateFavicon();
}, parallel(views, styles, scripts, modernizr, fonts), startAppServer);
通过这样做,任务会创建我需要的所有资产,但该系列将不会继续:
[09:37:24] Starting 'serve'...
[09:37:24] Starting 'clean'...
[09:37:24] Finished 'clean' after 7.27 ms
[09:37:24] Starting 'favicon'...
[09:37:59] 'favicon' errored after 35 s
[09:37:59] TypeError: done is not a function
既然目录存在,再次运行gulp serve
将使一切正常:
[09:43:51] Starting 'serve'...
[09:43:51] Starting 'clean'...
[09:43:51] Finished 'clean' after 6.99 ms
[09:43:51] Starting 'favicon'...
[09:43:51] Finished 'favicon' after 293 μs
[09:43:51] Starting 'views'...
[09:43:51] Starting 'styles'...
[09:43:51] Starting 'scripts'...
[09:43:51] Starting 'modernizr'...
[09:43:51] Starting 'fonts'...
[09:43:58] Finished 'fonts' after 6.76 s
[09:43:59] Finished 'modernizr' after 7.77 s
[09:44:11] Finished 'scripts' after 19 s
[09:44:11] Finished 'views' after 19 s
[09:44:11] Finished 'styles' after 20 s
[09:44:11] Starting 'startAppServer'...
[Browsersync] Access URLs:
---------------------------------------
Local: http://localhost:9000
External: http://192.168.13.117:9000
---------------------------------------
UI: http://localhost:3001
UI External: http://localhost:3001
---------------------------------------
[Browsersync] Serving files from: .tmp
[Browsersync] Serving files from: app
不过,另一方面,我也有一个监视图标文件何时会更改(并且会更改)并且运行正常的情况:
watch('app/favicon.svg', generateFavicon);
[09:47:57] Starting 'generateFavicon'...
[09:48:28] Finished 'generateFavicon' after 31 s
错误“完成不是函数”我该怎么办?d
解决方案
您需要在服务任务中将 done 传递给您的 generateFavicon:
serve = series(clean, favicon = (done) => {
fs.existsSync('app/favicon/') ? done() : generateFavicon(done);
}, parallel(views, styles, scripts, modernizr, fonts), startAppServer);
推荐阅读
- flutter - 事件已添加到 Bloc 和 yield 状态,但它不召回 bloc builder
- r - R中使用预定义名称列表的数据框子集
- javascript - 如何通过单击按钮使用javascript函数从html中删除元素
- ember.js - ember install ember-modifier-manager-polyfill 错误:RangeError:超出最大调用堆栈大小
- python-3.x - 简单单位矩阵函数
- node.js - Mongoose,Supertest:测试运行完成后一秒 Jest 没有退出
- java - 在 Visual Studio 2019 C++ 中创建 dll 的问题
- .net - 为什么 [regex] match() 和 -match 不同?
- r - R中具有多个周期的EMA
- java - setText() 在两个文本字段中,具体取决于单击用户的位置