Shim命令在RequireJS中工作

Question

我正在與RequireJs合作，並且對它不熟悉。 我有一個現有的項目和JavaScript代碼，現在我將該代碼更改為要在RequireJS中使用的模塊。 我的項目中使用了許多第三方API，例如Bootstrap，JQuery和slickgrid等，它們都是非AMD（異步模塊定義）的。 我知道需要使用shim命令加載非AMD Js文件

requirejs.config({
baseUrl: 'js/lib',
paths: {
    app: '../app'
},
shim: {
    backbone: {
        deps: ['jquery', 'underscore'],
        exports: 'Backbone'
    },
    underscore: {
        exports: '_'
    }
  }
});

但我不知道補片的工作原理及其好處。 我們不能簡單地像標記一樣以常規方式包含這些js文件嗎？ 誰能解釋一下它是如何工作的。 我也想用shim命令加載非AMD文件，如何加載它們？ 我的js文件彼此依賴，所以我需要編寫命令

 deps: ['file1', 'file2']

shim命令中的每個文件？ 這將非常復雜，因為我有20多個JS文件。 有什么更好的方法嗎？ 請讓我知道我是否缺少某些東西或我錯了。 我將非常感謝您的支持。

Answer 1

這是一個非常普遍的疑問，在您的情況下，您需要在路徑配置中包含Jquery，Underscore和Backbone，以使用從require將加載JS文件的位置指定。 然后，在Shim塊中，您可以指定依賴項以及如何在應用程序（導出）中使用它。

要了解填充程序的工作原理，建議您閱讀這篇文章-http://aaronhardy.com/javascript/javascript-architecture-requirejs-dependency-management/

或require JS網站。

http://requirejs.org/docs/api.html#config-shim

希望能幫助到你。