我有这个 node.js 代码，它试图将多个 js 文件缩小并合并到一个 js 文件中。

我所有的 js 文件都位于 js 文件夹中。我的 node.js 文件位于 js 文件夹上方。我期望单个缩小文件出现在 dist 文件夹中。运行代码时，我什么也看不到，也没有收到任何错误消息。可能出了什么问题？

我正在开发一个单页应用程序。这都是纯 html / css / javascript，我刚刚开始设置我的 gulp 文件。我想出了如何将我的 css 和 javascript 连接并缩小到一个主文件中，我只是想知道这种情况下的工作流程。

优点：

• 它会让我的应用程序运行得更快

缺点：

• 在我的本地主机上进行开发期间，当它被缩小/连接时，很难追踪行号和文件。

一些问题：

• 有没有人开发了一个好的 gulp 工作流程，允许在生产过程中不妨碍工作流程的连接/缩小？
• 仅在登台或实时服务器上提供连接/缩小文件？
• 还是您只是等到接近测试站点然后允许连接/缩小并更改所有链接以指向单个主 css/js 文件？
• 注意：请记住，这是一个没有任何服务器端编码或 JS MVC 的单页应用程序

感谢您的任何建议，

大卫

我的网站项目有一些 JavaScript 库依赖项，我使用我的gulp-concat插件gulpfile.js将它们捆绑为一个库，而不是单独包含它们：

domador一旦我添加了,megamark和woofmark库，就引入了一个问题。

尽管这些库在 HTML 中单独引用时可以正常工作，但捆绑它们会在我的中引入一些非法字符libs.js，这会破坏 Chrome：

Uncaught SyntaxError: Unexpected token ILLEGAL

megamark.min.js开发工具向我展示了在结束和woofmark.min.js开始之间确实存在三个意想不到的字符：

但！当我libs.js在 Visual Studio 中查看时：

混合中似乎有某种“隐藏”字符对 Chrome 来说变得“不隐藏”并杀死脚本。我不明白他们为什么在那里，或者为什么我试图补救的事情都没有奏效......

我试过的：

• 捆绑除此之外的所有内容woofmark.min.js并将其单独包含在内。是的，这行得通，但是我想将它们全部捆绑在一起（并且我想了解正在发生的事情）
• 将记事本中的文件重新保存为 UTF-8 编码。没有效果。
• 从 中的第一个关键字中途退格，woofmark.min.js比必要的次数多得多，然后重新输入必要的字符。没有效果。
• 的最后几个字符也有类似的努力megamark.min.js。没有效果。

任何见解将不胜感激！

我想用 Gulp 归档的是：

1. 例如我目前正在编辑editing.js
2. 如果它已被更改/保存，则取出base1.js, base2.js, base3.jsout，将它们与 myediting.js顺序连接，如base1.js, base2.js, base3.js,editing.js
3. 缩小和丑化它们

4. 最后用'editing.min.js'之类的扩展名重命名这个文件。

   /li>

在我的情况下，我有多个源文件要连接到多个捆绑文件。

我未能存档的是重命名为我当前正在编辑的文件名，例如ex1.js，ex1.min.js它总是捆绑到一个唯一的文件中。

Gulp 新手，希望对您有所帮助，谢谢！！

我有一个 gulpfile 监视以下文件夹中的更改：

这将监视以下示例文件中的更改：

1. '../framework/styling.scss'// 根文件夹
2. '../framework/subfolder1/styling.scss'
3. '../framework/subfolder2/styling.scss'

我想从根文件夹（1.）中排除所有文件，只留下一个子文件夹供观看。我应该如何修改SCSSSource字符串，以实现这一目标？

完整代码：

我需要从我的 gulpfile 中最小化 gulp 命令的数量。

这是我的 JS 文件夹

我对 JS 的 gulp 任务（使用 livereload）

此任务是全局目标文件夹，templates但我想检测 js 文件的当前文件夹，例如：

1. 我正在更改 js/templates/t-01/
2. gulp.watch正在发射
3. app.min.js仅在此文件夹中生成t-01

我知道gulp.dest目标当前文件夹不正确，但我不知道该怎么做。

谢谢您的帮助 ：）

我正在使用“gulp-filenames”来获取文件名，我遵循了从该站点找到的文档。它没有帮助:(

请看下面的代码

基本上我想将所有文件名存储在一个文件中。

========================

输入

• 文件夹

  1. 我的文件.js
  2. myfile1.js

======================

预期输出

• 文件夹

  1. 我的文件.js
  2. myfile1.js
  3. javascript（其中包含文件名，例如带有路径的 myfile.js 和 myfile1.js）

更新#1：澄清的问题

问题

• all.js当管道进入 dist 文件夹时工作，uglified 然后重命名为all.min.js
• 但是，我试图在all.js没有 Gulp concat 的情况下进入 assets/dev/js 并添加两个文件countup.js和scripts.js两次，然后将缩小版本all.min.js添加到 assets/dist

gulpfile.js

文件夹结构

我最近开始使用 gulp 来组织我的开发项目，但我遇到了一些我无法弄清楚的事情。所以这是我的任务：

如您所见，它将获取 vendor/proj/anyFolder/anySubFolder/src/assets/js 中的每个 js 文件，将它们放在一起，将新创建的 js 重命名为“all.js”，然后将其放入 public/js 中。问题是我想让 gulp 保持文件夹层次结构，例如：

来源 = vendor/proj/anyFolder1/anySubFolder1/src/assets/js/*.js
目的地 = public/js/anyFolder1/anySubFolder1/src/assets/js/all.js

来源 = 供应商/proj/anyFolder1/anySubFolder2/src/assets/js/*.js
目的地 = public/js/anyFolder1/anySubFolder2/src/assets/js/all.js

而不是简单地将这些文件夹中的所有内容放入 1 并且只有 public/js/all.js

有什么办法吗？我试图先用谷歌搜索它，但我无法用几句话正确表达我的问题，并且得到了不想要的结果：/

我在资源目录中有一堆文件：

• 标签.no.js
• 标签.en.js
• 错误.no.js
• 错误.en.js

我想为每种语言创建一个资源包，以便根据客户端的语言仅将这些包中的一个提供给客户端。所以我想要这个结果：

• bundle.en.js（来自各个目录的所有 en 文件）
• bundle.no.js（没有文件也一样）

我不想硬编码语言（否则我可以复制/粘贴），所以我需要一些方法来根据后缀自动“加入”一个包中的文件（所以无论我有多少种语言，我都会有捆绑包的数量等于按后缀分组的语言数量）