我们有一套类似的应用程序,所有应用程序都是从相同的代码库构建的。目前有 5 个不同的 main.js 文件,它们都重复相同
requirejs.config({
paths: { foo foo foo },
shim: { bar bar bar }
});
在每个主要。理想情况下,我可以通过只定义这些值一次来保持这个 DRY。是否可以在 main.js 文件外部的某个地方定义它们?
提前致谢!
我们有一套类似的应用程序,所有应用程序都是从相同的代码库构建的。目前有 5 个不同的 main.js 文件,它们都重复相同
requirejs.config({
paths: { foo foo foo },
shim: { bar bar bar }
});
在每个主要。理想情况下,我可以通过只定义这些值一次来保持这个 DRY。是否可以在 main.js 文件外部的某个地方定义它们?
提前致谢!
为此,我创建了我自己的 Require.JS 个人分发版。
它基本上是原始的 Require.JS 代码,配置(路径和垫片)连接到底部。这意味着我的项目永远不必声明在哪里可以找到 jQuery 等。非常方便。
注意:我的个人项目可能仍会调用require.config
以设置特定于项目的位置等。这在技术上是第二次调用它(因为第一次在加载 Require.JS 时调用)但根据我的测试它工作正常。
删除其中 4 个文件并更改您的标签:
<script data-main="js/main1.js" src="[requirejs path]"></script>
<script data-main="js/main2.js" src="[requirejs path]"></script>
<script data-main="js/main3.js" src="[requirejs path]"></script>
<script data-main="js/main4.js" src="[requirejs path]"></script>
<script data-main="js/main5.js" src="[requirejs path]"></script>
至
<script data-main="js/main1.js" src="[requirejs path]"></script>
<script data-main="js/main1.js" src="[requirejs path]"></script>
<script data-main="js/main1.js" src="[requirejs path]"></script>
<script data-main="js/main1.js" src="[requirejs path]"></script>
<script data-main="js/main1.js" src="[requirejs path]"></script>
然后在每个启动特定应用程序的文件中放置一个小的内联代码段,例如
<script type="text/javascript">
require(['app1'], function(App) { App.init() })
</script>
和
<script type="text/javascript">
require(['app2'], function(App) { App.init() })
</script>
ETC