我一直在使用requirejs,但在使用优化工具时遇到了问题。我所要做的就是将我的javascript文件优化成一个脚本文件,其中包含了我所有的依赖项。
我的所有文件都在一个js/文件夹中,并且我有一个子文件夹sub /
我有一个配置文件,如下所示(config.js):
requirejs.config({
baseUrl: ".",
out: "main-built.js",
deps: ["main"],
paths: {
jquery: "vendor/jquery", // v.1.10.2
bootstrap: "vendor/bootstrap",
ajaxform: "vendor/ajaxform",
skrollr: "vendor/skrollr",
jqueryform:"vendor/jqueryform"
},
shim: {
bootstrap: {
deps: ["jquery"],
exports: "bootstrap",
},
ajaxform: {
deps: ["jquery"],
exports: "ajaxform",
},
jqueryform: {
deps: ["jquery"],
exports: "jqueryform",
}
}
});我有一个主javascript文件(main.js),它看起来像这样:
if (typeof jQuery === 'function') {
define('jquery', function () { return jQuery; });
}
define(["jquery","bootstrap", "ajaxform","skrollr"],
function($, bootstrap, ajaxform, skrollr) {
//have other code here
});我还创建了一个构建文件:
({
baseUrl: ".",
paths: {
jquery: "vendor/jquery", // v.1.10.2
bootstrap: "vendor/bootstrap",
ajaxform: "vendor/ajaxform",
skrollr: "vendor/skrollr",
jqueryform:"vendor/jqueryform"
},
shim: {
bootstrap: {
deps: ["jquery"],
exports: "bootstrap",
},
ajaxform: {
deps: ["jquery"],
exports: "ajaxform",
},
jqueryform: {
deps: ["jquery"],
exports: "jqueryform",
}
},
name: "main",
out: "main-built.js"
})构建文件所做的只是压缩main.js文件本身,并不包括所有需要的文件。
我已经断断续续地尝试了几个星期了,但似乎无法做到这一点,所以任何帮助都是非常感谢的。谢谢
发布于 2016-12-02 11:53:45
尝试将模块条目添加到包含主模块的构建文件中,如下所示:
modules: [
{ name: 'main' }
]您可以在此处查看构建文件的所有选项:https://github.com/requirejs/r.js/blob/master/build/example.build.js
https://stackoverflow.com/questions/40923518
复制相似问题