Gulp没有将文件输出到构建文件夹中的正确文件夹
Gulp is not outputing files to correct folders in build folder
在我的项目中,我有一个目录结构,在src文件夹中看起来像这样:
|-/css/
|-/templates/
|------------template1.html
|-index.html
我想做的是能够处理根目录下的index.html文件,同时处理模板文件夹中的所有html文件。
我的gulp文件是这样的:
gulp.src(["src/*.html", "src/templates/**/*"])
.pipe(gulp.dest("build/"));
然而,当我运行任务时,模板文件夹中的文件也最终与index.html一起直接写入构建文件夹,在构建文件夹中没有创建模板文件夹:
|-/css/
|-template1.html
|-index.html
当我使用这个作为gulp.src:
的调用时gulp.src("src/**/*.html")
我确实得到了我想要的,模板文件夹在构建文件夹中创建,但我不确定这是否正确,也许它的性能较差,它将包括src目录下的每一个html文件,而不仅仅是在模板下。
如果我理解正确,问题是当你给gulp时,gulp不知道"基础"文件夹在哪里。
尝试以下操作:
gulp.src(["src/*.html", "src/templates/**/*"], {
base: 'src'
}).pipe(gulp.dest("build/"));
这样,gulp知道哪个文件夹是你的基本文件夹,并首先从'src'复制文件夹结构。然后,gulp会将文件复制到正确的位置。
相关文章:
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何将乳胶配方奶粉图像保存到Asp.net中的文件夹中
- 展开和折叠文件夹
- 在ng重复循环中显示来自不同文件夹的图像
- 如何将所有JS文件连接到一个文件夹中
- 是否可以用JavaScript显示等效的文件夹对话框
- grunt上的压缩文件夹不起作用
- 如何使用javascript获取从指定文件夹创建的所有文件的名称、大小、类型和日期
- 将Windows文件路径组织到文件夹中
- 链接/按钮从子文件夹下载文件--浏览器只是浏览
- 在更改名称时,使用ajax jsp在下拉菜单中填充多个文件夹的数据
- 我应该将MVC视图特定的javascript文件放在哪个文件夹中
- 使用jenkins从不同文件夹中的文件构建一个javascript文件
- JSLint - 在Visual Studio 2015中构建时忽略文件夹
- Grunt-插件文件夹在构建dist后被破坏
- 根据路径字符串构建嵌套文件夹结构
- Grunt,在构建时将html文件复制到脚本文件夹中
- Ember构建输出(dist文件夹)
- Gulp没有将文件输出到构建文件夹中的正确文件夹
- 如何在typescript文件位于'./src'时构建输出文件夹