為requirejs轉換現有的javascript文件

Question

我有一個如下所示的javascript文件。首先，我定義了一些函數，並在某個事件上調用該函數（document.ready在此處）

function foo(arg) {
    return arg;
}

function bar(arg) {
    return arg;
}

$(document).ready(function(){
    doSomething();
});

現在，我正在嘗試使用requirejs，並且在弄清楚如何為其修改此文件時遇到了麻煩。

Answer 1

您可以嘗試以下方法：

define(['dep'], function (dep) {  //If you have any dependency

    function foo(arg) {
      return arg;
    }

    function bar(arg) {
      return arg;
    }

    return {

      myMethods: {
        bar: bar(arg),
        foo: foo(arg)
      }

    };
});

您不應該在此處包含document.ready。 而是在要使用此模塊作為依賴項的地方使用它。

此模塊將返回包含您的方法的myMethods對象。

Answer 2

假設您有兩個文件：main.js和code.js，其中main.js包含對require的初始調用，而code.js包含代碼。 您可以執行以下操作：

在main.js中

$(function () {

    require([
      "/Url_To_Code.JS_Here"
    ], function (
        code) {
          code.doSomething();
    });
});

在code.js中：

define(
    [],
    function () {   

        var foo = function () {

        }; 

        var doSomething = function () {

        };

        return {
            doSomething : doSomething 
        };
    }
);

因此，無論您從code.js導出（返回什么），都可以在main.js中進行訪問