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

Question

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

类似于另一个问题I‘s seen here。标准JS非常适用于单个文件。然而，出于易读性和理智的原因，我倾向于将我的脚本分成单独的文件。

这会导致各种is not defined、is assigned a value but never used和is defined but never used警告。如果我手动连接所有文件，则不会抛出这些警告。

我明白这只是一个循环遍历所有的文件：

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

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

乍一看，gulp-standard似乎很有前途，但仍然存在同样的问题。对我来说，使用--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。

听起来这种方法在你尝试的时候是有效的。总是这样运行它并不是一个坏主意。