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

Question

我很高兴刚刚将Standard JS引入我的工作流程。我的网站项目使用Gulp JS来观察更改并报告任何语法错误。

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

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

我知道这只是循环遍历所有文件：

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

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

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。 Concat文件，然后在构建的文件上运行StandardJS。

听起来这种方法在您尝试时起作用了。总是像那样运行它并不是一个坏主意。