Phonegap 和 require.js 并不是天作之合,它也给我的项目带来了很多问题。
为了克服这个问题,您可以使用requireJS 优化器来优化您的 javascript 文件。通过这种方式,所有的 javascript 都被编译(并且可以选择缩小)到一个文件中。
首先,安装它(如果您使用的是节点):npm install -g requirejs
您可以通过 build-config.js 文件告诉优化器要优化哪些文件,如下所示:
({
baseUrl: ".",
dir: "../js-built",
paths: {
jquery: "some/other/jquery";
// all the other paths to your modules
},
out: "main-built.js"
})
您可以通过引用您的 main.js-configuration 文件(其中包含您正在使用的所有模块的路径列表)来简化此构建配置文件中的所有路径,而不是列出此构建配置文件中的所有路径。只需在 build-config.js 文件中使用下一个选项:
mainConfigFile: '..js/main.js',
要禁用缩小,您可以将下一个选项传递给配置,使其更容易调试:
optimze: "none"
您可以在此处找到包含所有选项的示例构建配置文件:example.build.js
最后,要优化所有内容,请将构建文件的文件名传递给优化器:
node r.js -o build-config.js
将新优化的内容包含main-built.js
在您的 head-section 中:
<script src="js/lib/require/require.js" type="text/javascript"></script>
<script src="js-built/main-built.js" type="text/javascript"></script>
你就完成了。