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。

聽起來好像這種方法在您嘗試過時有效。 總是像這樣運行它並不是一個壞主意。