如何使用编译的requirejs层而不是require.js?

时间:2017-05-16 08:09:15

标签: javascript build requirejs

我有一个基本的问题,遗憾的是我在教程中找不到答案。

我对require.js的切入点是build.js。我已配置({ baseUrl: "js", paths: { // bower dependencies go here }, name: "main", out: "dist/main.min.js" })

package.json

将构建添加到"build": "bower install --allow-root && node node_modules/requirejs/bin/r.js -o build.js"

<script src="dist/main.min.js" type="text/javascript"></script>

并得到了我的缩小图层,似乎包含了我所有的js文件。

然而,失败的信息是之后如何处理该图层。

当我添加:

 <script data-main="js/main" src="bower_components/requirejs/require.js"></script>

到我的index.html之前

 foreach ($c = 0;$c <= @htmllines;$c++) {
    if ($htmllines[$c] !~ /(<!--responses: $delkursnr-->0)/) {
        if ($htmllines[$c] =~ /<!--responses: $delkursnr-->(.*)/){
            $rspbegin = $c;
        };
        $teilnehmer= $_;
    }
}

整个js文件由require.js逐个加载。当我删除require.js时,没有任何反应(编译层中的代码不会调用应用程序初始化例程)。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

看起来答案与用dist / main.min替换 <script data-main="dist/main.min" src="bower_components/requirejs/require.js"></script> 图层声明一样简单:

js/main

甚至更好,只需在准备分发目录时用构建脚本中的最小化层覆盖function myFunction() { if ($(".x-span-drop-menu").css("display", "none")) { $(".x-span-drop-menu").css("display", "block"); } else { $(".x-span-drop-menu").css("display", "none"); } }

感谢https://stackoverflow.com/a/20004336/5479362

老实说,我不明白为什么requireJs教程中缺少这些信息...