咕 包含子級（_ *。jade）時編譯所有.jade文件

Question

我有下一個結構：

jade
├── _skeleton.jade
├── _header.jade
├── _footer.jade
|
├── includes
│ └── _include-on-index.jade
│ └── _include-on-page-1.jade
│ └── _include-on-all-pages.jade
|
├── pages
│ └── index.jade
│ └── page-1.jade
│ └── page-2.jade
│ └── page-3.jade

而且我需要像一些應用程序一樣設置玉器編譯（例如Prepros）。

這意味着，如果我編輯page-3.jade，我只需要編譯page-3.jade，如果我編輯以_ .jade開頭的文件，則不需要像html 這樣專門編譯_ .jade文件，但是我需要編譯包含此_ *。jade文件的所有.jade文件

例如，當我編輯文件_header.jade時，我需要編譯包含_header.jade的所有文件，如果我編輯_include-on-index.jade我需要編譯不包含_的文件，其中_包含_include-on-index.jade

我可以用Grunt做到嗎？

Answer 1

您可以使用grunt-contrib-jade和grunt-contrib-watch並為此手表插入一個手表。

因此，假設您每次更改.jade文件時，手表都會看到此更改並編譯您的文件。

假設我有這棵樹：

我所有的.jade文件的翡翠/模板

jade / compiled-templates以及我為.html編譯的所有Jade模板

翡翠的配置：

//Jade ===============================
            config.jade = {
                    compile: {
                        options: {
                            client: false,
                            pretty: true
                        },
                        files: [ {
                          cwd: "jade/templates",
                          src: "**/*.jade",
                          dest: "jade/compiled-templates",
                          expand: true,
                          ext: ".html"
                        } ]
                    }
                }

觀看配置：

    //Watch ===============================

    config.watch = {
         scripts: {
            files: ["jade/**/*.jade"]
            ,tasks: ["dev"]
         }
    }

我希望這能回答您的問題。