standardjs + gulp：如何将源文件视为一个？

Question

刚将Standard JS引入我的工作流程中，我感到非常兴奋。 我的Web项目使用Gulp JS监视更改并报告任何语法错误。

类似于我在这里看到的另一个问题。 标准JS非常适合单个文件。 但是，出于易读性和合理性考虑，我倾向于将脚本分成单独的文件。

结果导致各种is not defined ， is assigned a value but never used ，并且is defined but never used警告。 如果我手动串联所有文件，则不会引发这些警告。

我理解这只是循环遍历所有文件：

standard --fix "dev/scripts/**/*.js"

...但是我想知道是否有任何标志，设置或其他资源可用于将所有文件视为一个？

乍看之下， gulp标准似乎很有希望，但仍然存在相同的问题。 对我很重要，-- --fix标志用于修改本地开发文件。 我不想依赖需要为每个开发人员本地安装的编辑器插件（Atom / Sublime）。

看到如此少的报道，我感到很惊讶。 没有其他人可以分割他们的代码。 或我在编码方式中缺少了更根本的东西。

Answer 1

您有三种选择：

1.使用模块捆绑器。 显式import或require共享变量。

这使得每个文件引用的外部变量都是显式的。 因此，在当前文件中需要变量之前，您不能引用它。

browserify是一个不错的，简单的打包程序，可用于以npm为中心的开发模型入门。

例：

var myVar = require('./lib/my-module.js').myVar
console.log(myVar)

2.使用/* global myVar */注释。

这使文件（和StandardJS工具）的读者可以清楚地知道您有意引用此文件外部的变量。

例：

/* global myVar */
console.log(myVar)

3.将该变量作为全局属性引用。

例：

console.log(window.myVar)

4.合并文件，然后在生成的文件上运行StandardJS。

听起来好像这种方法在您尝试过时有效。 总是像这样运行它并不是一个坏主意。