我正在努力将gulp整合到我当前的工作流程和网站中。我遇到了问题,因为文件夹结构很复杂。例如:
-dev
index.html
-images/
-lib/
-js/
-scss/
-app1/
index.html
-images/
-lib/
-js/
-app2/
index.html
-images/
-lib/
-js/
-app3/
index.html
-images/
-lib/
-js/
每个应用都有自己的html和图片,root / dev也有。它采用这种方式进行组织,因为每个应用程序都是独一无二的,但它们共享供应商和全球应用程序。 / dev / lib / js中的文件和所有css文件都来自/ dev / lib / scss。
dist /文件夹的输出应为:
-dist
index.html
-images/
-js/ (from /dev/lib/js)
global.min.js (concat/uglify/rename)
-css/ (from /dev/lib/scss)
-app1/
index.html
-images/
-js/
app1.min.js (concat/uglify/rename all files from /dev/app1/lib/js)
-app2/
index.html
-images/
-js/
app2.min.js (concat/uglify/rename all files from /dev/app2/lib/js)
-app3/
index.html
-images/
-js/
app3.min.js (concat/uglify/rename all files from /dev/app3/lib/js)
基本上,每个应用程序中的lib / JS文件都被处理(concat / uglify / rename)并放在dist的相同结构中,而是放在js /文件夹中。所以...(/ dev / app1 / lib / js> / dist / app1 / js)。此外,根lib文件也是如此。所以...(/ dev / lib / js> / dist / js)。此外,/ dev / lib / scss中的scss文件应该转到/ dist / css。
我已经做了很多搜索,但我没有找到任何与此相关的运气。一些例子,但是没有足够的帮助来做到这一点。
最重要的是,我想确保将任何新图像和HTML复制到各自的应用程序结构中。
任何帮助都会很棒,谢谢大家!