Question

我有一个带有以下目录结构的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

它成功构建，但代码不在浏览器中执行。我做错了什么？

Answer 1

要实际运行这个令人讨厌的东西，你必须require顶层的主要模块。

在index.html中的某处添加此脚本可以解决问题

<script>require(['main'])</script>

r.js构建我的模块，但我无法在浏览器中运行结果

1 个答案: