问题标签 [gulp-rename]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3476 浏览

gulp - 如何创建 Gulp 任务以正确执行缩小和源映射到 .min 文件

我正在尝试创建一个 gulp 任务来同时压缩和创建源映射。压缩和源映射创建工作,但我似乎无法弄清楚如何在使用gulp-rename插件时正确获取输出名称。

为了简化:我在文件夹中有一个source.js文件/src,我想在文件夹中创建.min.js.js.map文件/dist

这是我所拥有的:

这样做的原因是它在中创建以下内容/dist

  • jquery-resizable.min.js(一切都好 - 压缩,地图参考和正确的名称)
  • jquery-resizable.js.min.map (地图在那里,但名字不好 - 应该是 jquery-resizable.js.map)

我尝试了很多变化,但我不知道如何获取地图和压缩来构建和获取正确的文件名。

我还尝试在单独的步骤中重命名文件,但由于 gulp 的异步性质,它不能可靠地工作 - 有时它可以工作,有时它不能,所以这似乎也不是一个选项。

我错过了什么?

我不喜欢以这种方式创建源地图,但是这样做的正确方法是什么?我见过的所有示例似乎都在执行我上面所做的操作,只是它们没有将输出文件重命名为 min.js,这似乎是该过程的重要部分。

0 投票
1 回答
1329 浏览

javascript - 如何使用 Gulp 为其父目录添加文件名前缀?

我正在为一个项目使用以下层次结构:

img 文件夹中有全局图像,每个提到的子目录中有本地化文件。

我正在使用 gulp-rename 插件为文件名添加自定义前缀 (GulpTest_)。但是,我还想将子目录文件夹名称添加到存储在其中的任何本地化文件中。

示例:
src/img/de-de/file1.jpg 将被重命名为 GulpTest_de-de_file1.jpg

我目前正在使用以下代码来获取子目录中的每个文件并添加 GulpTest 前缀:

如何修改我的任务,使其连接“前缀 + 子目录 + file.jpg”?

谢谢

0 投票
1 回答
512 浏览

gulp - 如何重命名图像文件名以匹配文件夹名称和数字?

在 Gulp 中,如何重命名图像文件名以匹配文件夹名称加数字?

例如,我有:

我想:

除了猫之外,我还有其他几个子文件夹。

我尝试使用重命名但未成功,但添加数字使其无法完全工作。

0 投票
1 回答
510 浏览

javascript - 如何使 gulp-rename 重命名一个具体的单个文件?

我从 LESS 文件生成 CSS,并希望给所有生成的 Bootstrap CSS 文件一个前缀“bootsrtap”,但不给bootstrap.css. 因此,我在编译后直接设置了前缀,但是我所有尝试进一步重命名的尝试都失败了。

我的期望:

我目前得到的:

如何将单个文件从a.footo重命名b.bar

0 投票
1 回答
1143 浏览

gulp - 如何使用 gulp rename 删除后缀

我希望在删除“src”后缀的同时复制一些树枝文件示例:someCode.html.src.twig 结果为:someCode.html.twig using gulp rename,因为我必须对几个都具有 src 的文件实施此更改后缀。

我还希望维护目录结构:

例子:

D: 测试 --> formsDirectory --> someFile.html.src.twig , someotherFile.html.src.twig

结果: D: someDir --> formsDirectory --> someFile.html.twig , someotherFile.html.twig

我知道我可以使用 gulp rename 来删除扩展名和基本名,但是我希望只更改后缀。任何帮助都会很棒!谢谢

0 投票
1 回答
247 浏览

javascript - Gulp 只重命名文件而不是目录

这将输出以下树:

我只想重命名文件而不是目录(并且没有重复的文件夹),但我不知道如何过滤掉目录。任何帮助表示赞赏!

已编辑:为Fabio添加了 config.yml 文件

0 投票
1 回答
1583 浏览

gulp - 在 Gulp 中将输出目录/文件更改为小写

我正在使用 Gulp 自动复制/捆绑/编译我的文件,我基本上将整个文件夹结构从基本文件夹(MyProject/Scripts)复制到 wwwroot/js。

在复制/处理过程中,我想将输出路径/文件名重命名为小写。我找到了 ChangeCase 模块和 Rename 模块,但我无法在下面的设置中使用它。

0 投票
2 回答
4713 浏览

gulp - 在 gulp 中重命名目录

gulp-rename用来重命名目录如下:

但是,它实际上最终创建了一个名为vendor-dev而不是 rename的新的空目录vendorvendor保持原样。

那么,我怎样才能真正使用 gulp 重命名目录呢?

0 投票
1 回答
323 浏览

wordpress - Gulp 在多个 Wordpress 主题文件夹中编译 LESS 并创建各自的 CSS 文件夹

我试图让 Gulp 从 LESS 文件夹中编译我的所有 LESS 文件,然后在它们各自的 Wordpress 主题文件夹中创建一个 CSS 文件夹,编译到目录 css/main.css 文件中。这是使用 Wordpress wp-content/themes/theme-name/less 作为文件结构。每次我尝试编译时,它都会将它扔到 /themes/** 文件夹中,或者如果我使用 .pipe(gulp.dest('./css/')); 它在项目的根目录中创建它。我希望它在每个主题文件夹中创建一个新的 css 文件夹,并根据它们各自的 LESS 文件将 main.css 编译到每个文件夹中。

我希望它发生的方式是:

当你运行 gulp 时,它会编译并创建一个文件夹:wp-content/themes/theme-name/css from wp-content/themes/theme-name/less。我希望它查看每个主题名称文件夹并创建一个相应的 /css/ 文件夹,编译后的 less 为 main.css。

现在它似乎正在 wp-content/themes 的根目录中创建一个 ** 文件夹。

0 投票
1 回答
161 浏览

gulp - Angularjs2 文件上的 gulp extname 带有两个点

下面的 gulp 重命名任务适用于带有一个点的 angularjs2 ts 文件,例如 appcomponent.ts。但是,如果文件名有两个点,例如 login.service.ts,gulp extname 就会混淆,并将第一个点之后的任何内容作为扩展名。知道如何让 extname 知道扩展名在最后一个点之后吗?