对于我正在开发的单页应用程序,我具有以下结构:
- dist
- css
- js
- lib
- partials
- 索引.html
- src
目录dist将由express服务器用来为项目提供服务。我有一些琐碎的任务(使用grunt-contrib-clean, grunt-contrib-复制)用于清洁dist和复制src/css, src/js, src/lib to dist.
问题在于源代码/视图。该目录包含需要编译为html文件的jade文件。编译后我想要它们dist(index.html 在 dist 根目录中,partials 作为子目录)。
目前我正在使用grunt-contrib-jade任务编译并复制jade 文件。我想将它们复制到 dist,因为我不想将编译后的 html 文件添加到源代码管理中。但现在这实际上并不可行,因为您必须指定每个玉文件(现在只有几个,但会增长):
jade: {
compile: {
options: {
pretty: true
},
files: {
// TODO make one line
'dist/index.html': ['src/views/index.jade'],
'dist/partials/banner.html': ['src/views/partials/banner.jade'],
'dist/partials/dashboard.html': ['src/views/partials/dashboard.jade'],
'dist/partials/navbar.html': ['src/views/partials/navbar.jade'],
'dist/partials/transfer.html': ['src/views/partials/transfer.jade']
}
}
},
有没有办法将 grunt-contrib-jade 任务(或其他任务)与目录过滤器一起使用?像这样:
jade: {
compile: {
options: {
pretty: true
},
dir: {
'dist': ['src/views']
}
}
}