Question

来源

我的src具有以下结构：

src
|-- index.html
|-- js
|    |-- amdconfig.js
|    |-- main.js
|    |-- ...
|-- lib
     |-- require
     |    |-- require.js
     |-- d3
     |    |-- d3.js
     |-- luciad
          |-- ...

我的index.html包含以下代码：

<script src="./lib/requirejs/require.js" type="text/javascript"></script><!-- require.js -->
<script src="./js/amdconfig.js" type="text/javascript"></script><!-- require.js config -->
<script type="text/javascript">
    require(["app/js/main"]); /* main module */
</script>

我的amdconfig.js文件包含以下代码：

(function(configure, app) {
  var lib = [app, "lib"].join("/");
  configure({
    baseUrl : app,
    urlArgs : "bust=" + (new Date()).getTime(),
    packages : [{
      name : "requirejs",
      location : [lib, "requirejs"].join("/")
    }, {
      name : "luciad",
      location : [lib, "luciad"].join("/")
    }, {
      name : "d3",
      location : [lib, "d3"].join("/")
    }, {
      name : "app",
      location : app
    }],
    cache : {}
  })
})(
  require.config ? require.config /* RequireJS */ : require, /* Dojo */
  '.'
)

我的构建脚本

我有一个具有以下结构的构建脚本：

builder
|-- build.js
|-- package.json

如果有以下代码：

require('requirejs').optimize({
  baseUrl: '../src',
  paths: {
    main: 'main',
    requirejs : './lib/requirejs',
    luciad : './lib/luciad',
    d3 : './lib/d3',
    app : './'
  },
  name: 'js/main',
  out : '../dist/main.js',
  optimize: "uglify2",
  uglify2: {
    output: {
      beautify: false
    },
    compress: {},
    warnings: true,
    mangle: true
  }
}, function (buildResponse) {
  console.log(buildResponse);
});

我的问题

构建脚本会生成缩小的main.js文件，并按预期在控制台中输出包含文件的列表。

但是，当我用我刚刚生成的main.js替换src的{{1}}时，没有任何反应。我的应用程序无法启动，我没有收到任何错误。

我在这里缺少什么？

注意

如果我不缩小我的代码，我会得到相同的行为。

生成的文件由以下格式的一大堆模块组成：

main.js

我想这是预期的格式......

Answer 1

我设法找出导致我的问题的原因。

产生的输出看起来像这样：

define('luciad/util/create',[],function(){...});
define('luciad/error/_createError',["../util/create"],function(a){...});
define('luciad/error/ProgrammingError',["./_createError"],function(a){...)});
...
define('js/main',[...],function(...){...});

注意最后一行。在那里，我的主要模块叫js/main。但是，我的主模块在我的HTML文件中调用，如下所示：

require(["app/js/main"]);

所以，发生了什么，是require(["app/js/main"])无声地失败，因为它找不到名为app/js/main的模块。

解决方案非常简单。我所要做的就是将name参数从js/main重命名为app/js/main。现在，一切都按预期工作。

我不知道怎么会错过这个，但我想require(["app/js/main"])的无声失败并没有完全帮助。

r.js支持的节点构建脚本生成的文件似乎没有做任何事情

来源

我的构建脚本

我的问题

注意

1 个答案: