问题标签 [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.
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,这似乎是该过程的重要部分。
javascript - 如何使用 Gulp 为其父目录添加文件名前缀?
我正在为一个项目使用以下层次结构:
img 文件夹中有全局图像,每个提到的子目录中有本地化文件。
我正在使用 gulp-rename 插件为文件名添加自定义前缀 (GulpTest_)。但是,我还想将子目录文件夹名称添加到存储在其中的任何本地化文件中。
示例:
src/img/de-de/file1.jpg 将被重命名为 GulpTest_de-de_file1.jpg
我目前正在使用以下代码来获取子目录中的每个文件并添加 GulpTest 前缀:
如何修改我的任务,使其连接“前缀 + 子目录 + file.jpg”?
谢谢
gulp - 如何重命名图像文件名以匹配文件夹名称和数字?
在 Gulp 中,如何重命名图像文件名以匹配文件夹名称加数字?
例如,我有:
我想:
除了猫之外,我还有其他几个子文件夹。
我尝试使用重命名但未成功,但添加数字使其无法完全工作。
javascript - 如何使 gulp-rename 重命名一个具体的单个文件?
我从 LESS 文件生成 CSS,并希望给所有生成的 Bootstrap CSS 文件一个前缀“bootsrtap”,但不给bootstrap.css
. 因此,我在编译后直接设置了前缀,但是我所有尝试进一步重命名的尝试都失败了。
我的期望:
我目前得到的:
如何将单个文件从a.foo
to重命名b.bar
?
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 来删除扩展名和基本名,但是我希望只更改后缀。任何帮助都会很棒!谢谢
gulp - 在 Gulp 中将输出目录/文件更改为小写
我正在使用 Gulp 自动复制/捆绑/编译我的文件,我基本上将整个文件夹结构从基本文件夹(MyProject/Scripts)复制到 wwwroot/js。
在复制/处理过程中,我想将输出路径/文件名重命名为小写。我找到了 ChangeCase 模块和 Rename 模块,但我无法在下面的设置中使用它。
和
gulp - 在 gulp 中重命名目录
我gulp-rename
用来重命名目录如下:
但是,它实际上最终创建了一个名为vendor-dev
而不是 rename的新的空目录vendor
。vendor
保持原样。
那么,我怎样才能真正使用 gulp 重命名目录呢?
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 的根目录中创建一个 ** 文件夹。
gulp - Angularjs2 文件上的 gulp extname 带有两个点
下面的 gulp 重命名任务适用于带有一个点的 angularjs2 ts 文件,例如 appcomponent.ts。但是,如果文件名有两个点,例如 login.service.ts,gulp extname 就会混淆,并将第一个点之后的任何内容作为扩展名。知道如何让 extname 知道扩展名在最后一个点之后吗?