web-dev-qa-db-ja.com

Node.jsなしでJSrequire（）を使用する方法

これはおそらく不完全な質問ですが、通常のJavaScriptでrequire()（Node.js）と同じことをどのように達成できますか？

いくつかの助けを本当にいただければ幸いです。

javascriptnode.jsrequire
12
Oliver Ni

これを可能にするいくつかのサービスがあります。

最も人気があるのは Browserify です。

基本的には、構文ツリーを介してファイルを読み取り、それをRequireJSと同様のスタイルに変換する必要があります。

これには追加のコンパイル手順が必要であることに注意してください。 （最終的にはES6でモジュールを取得する予定ですが、それがあります:)）

10
Benjamin Gruenbaum

http://requirejs.org/docs/start.html

RequireJSと呼ばれるモジュールローダーは、Node.jsやRhinoを使用せずにブラウザー内で使用するために存在します。

それを使用するには、スクリプトをダウンロードして保存し、ページに含めます

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
        <script data-main="scripts/main" src="scripts/require.js"></script>
    </head>
    <body>
        <h1>My Sample Project</h1>
    </body>
</html>

Data-main属性は、以下を使用して残りのスクリプトをロードできるメインスクリプトを指します。

require(["helper/util"], function(util) {
    //This function is called when scripts/helper/util.js is loaded.
    //If util.js calls define(), then this function is not fired until
    //util's dependencies have loaded, and the util argument will hold
    //the module value for "helper/util".
});

詳細については、 http://requirejs.org でドキュメントを確認してください。

7
Shannon