0

次のディレクトリ構造を持つ小さな requirejs プロジェクトがあります。

├── index.html
└── js
    ├── bob.js
    ├── build.js
    ├── jquery.js
    ├── main-built.js
    ├── main.js
    └── require.js

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>A Title</title>
        <script data-main="js/main-built.js" src="js/require.js"></script>
    </head>
    <body>
        <h1>Hello!</h1>
    </body>
</html>

js/main.js

define(function () {
    return 'bob';
});

js/build.js

({
    name: 'main',
    baseUrl: '.',
    out: 'main-built.js'
})

js/main.js

define(function (require) {
    var $ = require('jquery'),
        bob = require('bob');

    $(function () {
        $(':header').text(bob);
    });
});

r.js を次のように実行します。

./r.js -o js/build.js

ビルドは成功しますが、コードはブラウザーで実行されません。私は何を間違っていますか？

4

1 に答える 1

1

実際に実行するにはrequire、トップレベルのメイン モジュールが必要です。

このスクリプトを index.html のどこかに追加すると、問題が解決します

<script>require(['main'])</script>
于 2013-06-28T04:13:32.410 に答える