问题标签 [watchify]

我一直在尝试使用 Gulp + Browserify + Tsify 将 4 个文件及其库转换为 4 个 js 文件，目前需要 4 或 5 秒。

在我当前的构建脚本中，watchify 会触发对所有 4 个构建管道的任何 ts 文件的更改的更新，每个构建管道都会对项目中的每个 ts 文件进行转换，即使它没有在该管道中使用。

目前我正在寻找一种更好更快的方法来完成这项工作。

一段时间以来一直在尝试使用 watchify，但我在保存时遇到了问题。

似乎对于我所做的每一次更改，我都需要保存两次才能将更改应用到输出中。

如果我在任何 js 文件中添加代码，新添加的代码只会在任务运行两次时显示。

我的 mainScrpits 任务代码

“监视”任务

我们在 Visual Studio (2015) 中运行 Gulp 任务来执行 watchify。有时效果很好，但有时 watchify 会构建旧代码。

复制：

• 在 Visual Studio 中修改 .ts 文件
• 节省
• 在 Task Runner Explorer 中，观察 watchify 输出，表明它运行（它确实）
• 刷新 Chrome/清除缓存（我在 Chrome 中使用“调试窗口打开时禁用缓存”选项）
• 在 Chrome 调试器中查看源代码（不到一半的时间，会是旧代码）

知道我需要寻找什么吗？请注意，如果我执行完整的 browserify 构建，Chrome 总是会看到新代码——这种陈旧问题仅在 Watchify 混合使用时才会发生。

我对编译器和 npm 命令很陌生。

我将此启动器用于项目https://github.com/vuejs-templates/browserify-simple

我为我的项目提供服务，并且在更新脚本时正在处理（我正在使用单文件组件 - VueJS），现在由于旧脚本，输出“dist.js”仍然出错。我已经重新安装，创建了一个新项目，我复制了我的新源，当我启动命令“npm run dev”时，由于脚本不再存在，我遇到了同样的错误。

“VueCompnent.userLigues”在我的新代码中不再存在。

这是我明天晚上必须解决的一个真正的问题:(

提前致谢 ！

这是我尝试制作的第一个反应应用程序，但我遇到了这个错误。文件结构似乎是正确的，也是我的起点。请帮我弄清楚为什么它找不到 main.jsx 模块。

文件结构

索引.html

列表.jsx

Listitem.jsx

主.jsx

包.json

我使用npm start在我的终端上运行它，我的终端上的错误是这样的：

当我在 browserify 捆绑器中包含 watchify 插件并且出现编译时错误时，不会记录该错误。

我已经按照我想要的方式启动和部署任务，但是我试图弄清楚当我在 app.js 中进行更改时如何更新 public/js/bundle.js 以便可以观察它。

这是我到目前为止得到的：

当我将我的编辑器切换到 PhpStorm 时，我发现了一个使用 watchify 的错误。默认情况下，如果捆绑包中使用的文件之一发生更改，watchify 会使 browserify 更新捆绑包。通常它可以工作。但有时在文件上什么也没有发生。在下一次更改时，捆绑包被更新。后来这个错误可能再次发生 - 文件更改没有任何改变。

在我以前的编辑器 Sublime Text 中，没有这个但是。一切都按预期工作。即使是现在，当我对文件进行更改时，也会更新一个包。所以问题在于 PhpStorm 如何保存文件。

我试图用gulp-watch. 我对文件运行监视并记录有关文件更改的消息。在这种情况下，每次更改都会记录一条消息。我不确定 watchify 是如何工作的。我考虑过监视更改，gulp-watch但我找不到如何委派更改以进行监视。因此，现在我必须跟踪捆绑包是否已更新，如果没有更新，我必须进行不必要的更改（添加和删除空格）以让 watchify 运行它。

我应该更新 PhpStorm 吗？或者你有什么其他想法？

我正在按照教程https://mindthecode.com/using-vue-components-in-your-express-app/将 vue 组件与 Express 一起使用。

其中一部分是配置一个 npm dev 脚本以使用 Browserify/vueify 编译 vue 组件，启动 Watchify，然后启动 Express Server。

教程的每一步都有效，但“开发”脚本不能 100% 工作，因为快速服务器没有启动。

任何人都可以帮助弄清楚出了什么问题或我需要做什么才能使该脚本正常工作吗？

包.json

'npm run dev' 编译 vue 组件并启动 watchify，如果我更改 vue 组件代码，热重载将起作用。但是，快递服务器无法启动？

笔记：

我正在使用 windows10、node v8.9.4 和 package.json 中的一些相关依赖项

我想做什么？ 我想使用节点模块和 es6 javascript 语法创建一个项目。为了使其尽可能模块化和独立，我决定改用 watchify。我的 html 页面看起来像这样

我的 whatchify 命令看起来像这样

虽然我的家属看起来像这样

现在我的 src 文件中没有太多内容，我只是从 test.js 文件中导入了一个测试函数并需要 jquery。

现在，我有什么不明白的？ 从字面上看，我什么都不做，但我仍然在控制台中不断收到以下错误

一个问题？ 我需要 webpack 才能使用 watchify/browserify 吗？我是否使用了“编译”es6+node 代码所需的所有预设？我错过了什么？