Question

我有一个简单的requirejs项目，我试图使用node优化到一个文件。项目结构是这样的。


|___index.html
|
├───css
│       style.css
│
└───scripts
    │   main.js
    │
    ├───lib
    │       require.js
    │       underscore.js
    │
    └───modules
            module1.js
            module2.js
            module3.js

这是我的构建文件

//build.js
({
    baseUrl: "./SimpleRequireJsProject/scripts",
    name:"main",
    out:"main-built.js"
})

使用项目文件外的r.js和build.js。我使用节点控制台运行了优化器。

node r.js -o build.js

一切都运作良好。输出main-built.js被创建。但是当我更换

时

<script data-main="scripts/main" src="scripts/lib/require.js"></script>

与

<script data-main="scripts/main-built" src="scripts/lib/require.js"></script>

当我运行索引文件时。没有错误，但没有输出。我期待像这样的控制台消息。它与原始data-main一起使用为主

//output
main started 
m1 started 
m2 started..starting m3 from m2
m3 started

请帮我找出项目没有运行的原因，也没有错误。：（

  //main.js
    define([
        'lib/underscore',
        'modules/module1',
        'modules/module2'
    ],
        function (_, Module1, Module2) {
            console.log('main started');
            var module1 = new Module1();
            var module2 = new Module2();
            module1.start();
            module2.start();
        });


    //module1.js
    define(['lib/underscore'],
        function ( _) {
            function Module1() {
                this.start = function () {
                    console.log('m1 started');

                };
            }

            return Module1;
        });

    //module2.js
    define(['lib/underscore', 'modules/module3'],
        function (_, Module3) {
            function Module2() {
                this.start = function () {
                    console.log('m2 started..starting m3 from m2');

                    var module3 = new Module3();
                    module3.start();

                };
            }

            return Module2;
        });

    //module3
    define([
        'underscore'],
        function (_) {
            function Module3() {
                this.start = function () {
                    console.log('m3 started');
                };
            }

            return Module3;
        });


    //index.html

    <!DOCTYPE html>
    <html>
    <head>
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <title></title>
    </head>

    <body>
    <div id="main"></div>
    <script data-main="scripts/main-built" src="scripts/lib/require.js"></script>
    </body>
    </html>

Answer 1

我发现了我的问题。 'main-built.js'必须是'main.js'或在main-built中，模块名称需要从'main'更改为'main-built'。

Answer 2

如果您不能使模块名称（在我们的例子中是portal / main）与文件名（即portal / main.js）相同，则还有其他两个想法。

从启动的define（）调用中完全删除模块名称。这使它成为文档的默认入口点。这里的问题是优化器在使用“和”时不一致，具体取决于使用的命令行参数。
添加require（[“启动模块名称”]）等内容作为构建文件的最后一行。这将在加载脚本时立即执行，并调用您喜欢的第一个模块。事实证明，这很容易自动化到构建脚本中并为我们解决了问题。

RequireJs Optimizer缩小为一个文件，但不启动main-built

2 个答案: