问题标签 [watchify]
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.
reactjs - 带有 watchify/browserify 的 Gulp 运行一次然后停止观看
我有以下 gulp 任务(最初来自此博客):
该任务在我第一次发出 gulp 命令时运行;然后我第一次更新main.js
文件。之后它根本不运行。这里有什么问题?
npm - Watchify 排除文件编译问题
我在尝试排除文件时遇到了 Watchify 的问题(就像 Browserify 中的那样)。
使用此命令:
它一开始编译得很好,但是在对监视的文件进行任何更新时都会出错。这是完整的输出:
这是任何解决方法的已知问题吗?目前,我可以编辑-x scripts/libs.js
并为生产执行常规 Browserify 构建(以排除文件),但对于开发,这会导致 Watchify 任务稍慢一些。
谢谢你的帮助!
gulp - 使用 Webstorm 时 Watchify 不更新
我正在使用 watchify 和 gulp。使用 notepad++ 编辑源代码时,watchify 工作正常,但是当我使用 Jetbrain Webstorm 8 编辑时它什么也没做。这是我的 gulpfile:
有没有办法让 watchify 与 Webstorm 一起工作?谢谢你的帮助。
javascript - Browserify 和 Reactify 源映射包括完整的本地路径名
我使用 watchify/browserify 用这个命令创建一个带有调试源映射的包——
当我使用 Chrome DevTools 调试生成的应用程序时,可以在其原始嵌套文件夹位置访问源文件,在 DevTools 的Sources面板中可见。
但是,当我使用此命令通过 reactify 运行它时-
Chrome DevTools 将所有源文件显示在同一文件夹中bundle.js
,文件名包括完整的本地路径名。
我发现这很烦人并且很难在源面板和各个选项卡中识别正确的文件,因为文件太长而无法显示。
有谁知道如何解决这个问题,以便源文件显示在其原始文件夹位置(如图 1 所示)。谢谢
javascript - Coffeeify 不会解析超过入口文件
我是 Browserify 的初学者。我尝试使用 Watchify(出于性能原因)和 Coffeeify 将它集成到 gulp.js 中。我尝试了至少五种我在 Google 中找到的或多或少不同的方法,其中最后一种是来自 gulp 文档的官方配方。
现在的问题是转换部分。我想使用 Coffeeify 来解析我的代码,该代码主要是用 CoffeeScript 编写的。
Coffeeify 成功解析了我的入口文件app.coffee
,但是当我./foo.coffee
从那里需要一个时,该文件似乎没有被转换,这自然会导致 Browserify 关于意外令牌等的解析错误。
有人知道如何解决这个问题吗?
这是我的 gulpfile 的相关部分,与上面的链接基本相同,只是添加了转换。
gulp - 在 watchify 运行之前运行 eslint
我正在添加watchify
到我们的构建过程中,但我想设置一个前提条件来监视运行,即更改的文件通过了我们的 linting 步骤(使用ESLint
)。
我正在考虑这样做:
问题是 linting 步骤是异步的,因此在捆绑完成之前它不会完成(它也会抛出,所以我可能需要使用plumber
它来阻止它终止watch
步骤)。
那么在我打电话之前我该如何做一个先决条件bundleShared
呢?
gulp - Watchify 检测变化但输出没有变化
我有以下gulpfile
问题是gulp browserify
效果很好。但是,gulp browserify-watch
检测到更改但输出永远不会更新。
我究竟做错了什么?
reactjs - Browserify 使用 reactify 进行转换
我正在尝试使用 gulp 构建一个项目。不幸的是,我遇到了一些麻烦。
这就是我的 gulpfile.js 的样子:
问题是 gulp 显示一个错误,表明某些第三方库在某处有非法标记 '<' 有问题的文件是用 JSX 语法编写的。
但是,当我运行以下命令时,我没有遇到问题:
请问,我的 gulpfile 有什么问题?
提前感谢任何寻求帮助的人!
编辑:我怀疑 -g 选项使它递归地将 jsx 转换为纯 javascript,我试图在 watchify.transform 函数中找到等效项,但未成功。
javascript - 用 gulp 监视不起作用
我已经创建了这个用于监视的 gulp 任务,但它给出了这个错误:无法读取未定义的属性“缓存”
这是我得到的错误
希望我使用的 watchify 版本没有问题
注意:我使用 gulp-browserify 来浏览器化