Gulp:处理复杂目录中的文件

时间:2015-10-02 18:28:57

标签: gulp

我正在努力将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复制到各自的应用程序结构中。

任何帮助都会很棒,谢谢大家!

0 个答案:

没有答案