Hello World

Created: November-22, 2018

以下示例将演示 RequireJS 的基本安装和设置。

创建一个名为 index.html 的新 HTML 文件并粘贴以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Hello RequireJS</title>
    <script type="text/javascript" src="http://requirejs.org/docs/release/2.3.2/minified/require.js"></script>
</head>
<body>
    <!-- place content here --->
    <script>
        requirejs(["scripts/say"], function(say) {
            alert(say.hello());
        });
    </script>
</body>

在 scripts/say.js 创建一个新的 JS 文件并粘贴以下内容：

define([], function(){
    return {
        hello: function(){
           return "Hello World";
        }
    };
});

你的项目结构应如下所示：

- project
    - index.html
    - scripts
        - say.js

在浏览器中打开 index.html 文件，它会以 Hello World 提醒你。

说明

加载 require.js 脚本文件。

<script type="text/javascript" src="http://requirejs.org/docs/release/2.3.2/minified/require.js"></script>

从 scripts 文件夹异步加载 say 模块。 （请注意，引用模块时不需要 .js 扩展。） 然后将返回的模块传递给调用 hello() 的提供函数。
```
<script>
   requirejs(["scripts/say"], function(say) {
       alert(say.hello());
   });
</script>
```

say 模块返回一个对象，其中定义了一个函数 hello。

define([], function(){
    return {
        hello: function(){
           return "Hello World";
        }
    };
});