JavaScript导入仅用于开发

Question

我来自Java背景，对于测试而不是生产有依赖关系是很常见的，但是，通过使用这种方式，我发现很难理解如何使用Javascript和HTML来实现。

我真的很想能够开发一些仅在我正在开发（运行gulp服务）时才能运行的javascript，然后当我运行gulp时，这些文件就不会包含在dist中，但是我找不到任何常见的方式正在做。

到目前为止，我正在使用yeoman的gulp-webapp。

这是尚未完成的事情（生产版本中未包含测试脚本），还是我缺少一些自动化的工具？

Answer 1

就像命运和橡皮鸭调试一样，我想我已经找到了我本来难以捉摸的问题的答案。 抱歉，我无法回答，但我为了繁荣起见，所以其他人可能会学到。

生成的gulp脚本使用useref ，这意味着可以将注释放在html中以将文件分组在一起。 但是，它也可以使用以下语法删除这些文件：

<!-- build:remove -->
<script src="/bower_components/jquery-mockjax/jquery-mockjax.js"></script>
<script src="scripts/mock.js"></script>
<!-- endbuild -->

所以现在我只是使用它，当我做gulp serve它包含了javascript文件，当我调用gulp它们就被删除了。

Answer 2

以下是一些不同的解决方案：

Javascript / jQuery：如blex所述，一种方法是在始终加载的脚本中创建DEBUG_MODE布尔值，然后该脚本将向文档中插入更多脚本节点，这些脚本节点包含它认为适合加载的脚本。

例如：

if(DEBUG_MODE){
    for(var x=0; x<debuggingScripts.length; x++){
        InsertScript(debuggingScripts[x]);
    }
}

其中debuggingScripts是脚本URL的数组，而InsertScript（）是将脚本添加到DOM的方法。

Python /清洁脚本：我个人使用的另一种方式是拥有一个脚本，该脚本会自动生成网页的“生产”版本。 例如，我有一个Python脚本，它将忽略开发HTML文件中包装在<!--endignore--> <!--ignore-->和<!--endignore-->注释中的所有代码。 当我运行脚本时，它将生成并打包代码的最新“发布”版本，而不会包含测试环境中存在的任何被忽略的代码。

PHP：您还可以对PHP（或任何其他预处理器/服务器端脚本）执行类似的操作，其中生成标头的PHP将忽略某些数组中的某些javascript URL，或者将其格式化。

希望其中之一可以帮助您！ 如果您需要比我提供的示例代码更多的信息，也请告诉我，我很乐意编写示例脚本。