问题标签 [gulp-concat]
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.
javascript - 这段将多个js文件合二为一的代码有什么问题?
我有这个 node.js 代码,它试图将多个 js 文件缩小并合并到一个 js 文件中。
我所有的 js 文件都位于 js 文件夹中。我的 node.js 文件位于 js 文件夹上方。我期望单个缩小文件出现在 dist 文件夹中。运行代码时,我什么也看不到,也没有收到任何错误消息。可能出了什么问题?
gulp - GULP:何时以及如何在项目中使用连接和缩小
我正在开发一个单页应用程序。这都是纯 html / css / javascript,我刚刚开始设置我的 gulp 文件。我想出了如何将我的 css 和 javascript 连接并缩小到一个主文件中,我只是想知道这种情况下的工作流程。
优点:
- 它会让我的应用程序运行得更快
缺点:
- 在我的本地主机上进行开发期间,当它被缩小/连接时,很难追踪行号和文件。
一些问题:
- 有没有人开发了一个好的 gulp 工作流程,允许在生产过程中不妨碍工作流程的连接/缩小?
- 仅在登台或实时服务器上提供连接/缩小文件?
- 还是您只是等到接近测试站点然后允许连接/缩小并更改所有链接以指向单个主 css/js 文件?
- 注意:请记住,这是一个没有任何服务器端编码或 JS MVC 的单页应用程序
感谢您的任何建议,
大卫
visual-studio - 带有 woofmark 的 gulp-concat - 将非法令牌引入输出
我的网站项目有一些 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 - 如何使用 Gulp 将不同的 js 与不同的 js 集连接起来,然后通过管道将 minify/uglify 传输到不同的包?
我想用 Gulp 归档的是:
- 例如我目前正在编辑
editing.js
- 如果它已被更改/保存,则取出
base1.js
,base2.js
,base3.js
out,将它们与 myediting.js
顺序连接,如base1.js
,base2.js
,base3.js
,editing.js
- 缩小和丑化它们
最后用'editing.min.js'之类的扩展名重命名这个文件。
/li>
在我的情况下,我有多个源文件要连接到多个捆绑文件。
我未能存档的是重命名为我当前正在编辑的文件名,例如ex1.js
,ex1.min.js
它总是捆绑到一个唯一的文件中。
Gulp 新手,希望对您有所帮助,谢谢!!
gulp - Gulp - 仅定位子文件夹中的文件
我有一个 gulpfile 监视以下文件夹中的更改:
这将监视以下示例文件中的更改:
'../framework/styling.scss'
// 根文件夹'../framework/subfolder1/styling.scss'
'../framework/subfolder2/styling.scss'
我想从根文件夹(1.)中排除所有文件,只留下一个子文件夹供观看。我应该如何修改SCSSSource
字符串,以实现这一目标?
完整代码:
javascript - 启动 Gulp Watch for JS 并检测当前文件夹已更改
我需要从我的 gulpfile 中最小化 gulp 命令的数量。
这是我的 JS 文件夹
我对 JS 的 gulp 任务(使用 livereload)
此任务是全局目标文件夹,templates
但我想检测 js 文件的当前文件夹,例如:
- 我正在更改 js
/templates/t-01/
gulp.watch
正在发射app.min.js
仅在此文件夹中生成t-01
我知道gulp.dest
目标当前文件夹不正确,但我不知道该怎么做。
谢谢您的帮助 :)
gulp - gulp 从文件夹中读取所有文件名并存储在某个文件中
我正在使用“gulp-filenames”来获取文件名,我遵循了从该站点找到的文档。它没有帮助:(
请看下面的代码
基本上我想将所有文件名存储在一个文件中。
========================
输入
文件夹
- 我的文件.js
- myfile1.js
======================
预期输出
文件夹
- 我的文件.js
- myfile1.js
- javascript(其中包含文件名,例如带有路径的 myfile.js 和 myfile1.js)
javascript - gulp-concat : 从未知来源到同一个目的地
我最近开始使用 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
有什么办法吗?我试图先用谷歌搜索它,但我无法用几句话正确表达我的问题,并且得到了不想要的结果:/
javascript - 使用 gulp 创建本地化资源包
我在资源目录中有一堆文件:
- 标签.no.js
- 标签.en.js
- 错误.no.js
- 错误.en.js
我想为每种语言创建一个资源包,以便根据客户端的语言仅将这些包中的一个提供给客户端。所以我想要这个结果:
- bundle.en.js(来自各个目录的所有 en 文件)
- bundle.no.js(没有文件也一样)
我不想硬编码语言(否则我可以复制/粘贴),所以我需要一些方法来根据后缀自动“加入”一个包中的文件(所以无论我有多少种语言,我都会有捆绑包的数量等于按后缀分组的语言数量)