grunt contrib-requirejs不会跟踪所有依赖项
我正在尝试做r.js优化。我有一个使用knockoutjs构建的示例项目https://github.com/noppanit/requirejs-optimization-example，我使用grunt-contrib requirejs。一切都很好。但是我认为grunt-contrib-requirejs并不能跟踪我所有的依赖项
这是我的Gruntfile.js
module.exports = function(grunt){
grunt.initConfig({
requirejs: {
compile: {
options: {
baseUrl: "./js",
paths: {
'knockout': 'vendors/knockout/knockout-3.0.0'
},
mainConfigFile: "js/config.js",
name: "application",
out: "js/optimized.js"
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-requirejs');
grunt.registerTask('default', ['requirejs']);
};下面是我如何包含我的优化文件
<!DOCTYPE>
<html>
<head>
</head>
<body>
<div>
Name: <input type="text" data-bind="value: name"/>
</div>
<div>
Surname: <input type="text" data-bind="value: surname" />
</div>
<span data-bind="text: fullname"></span>
</body>
<script type="text/javascript" src="js/require.js" data-main="js/optimized">
</script>
</html>这是我的config.js
require.config({
baseUrl: './js',
paths: {
'jquery': 'vendors/jquery/jquery-1.11.0',
'knockout': 'vendors/knockout/knockout-3.0.0',
'main-viewmodel': 'viewmodels/main_viewmodel',
'main-call': 'viewmodels/main_call',
}
});这是我的application.js
require(['config'], function() {
require(['main-call','knockout']);
});在我运行grunt之后
这是我从optimized.js得到的东西
require.config({baseUrl:"./js",paths:{jquery:"vendors/jquery/jquery-1.11.0",knockout:"vendors/knockout/knockout-3.0.0","main-viewmodel":"viewmodels/main_viewmodel","main-call":"viewmodels/main_call"}}),define("config",function(){}),require(["config"],function(){require(["main-call","knockout"])}),define("application",function(){});它看起来就像是config.js和application.js的组合，我希望所有的javascript文件，包括requirejs和knockoutjs都会被包括在内。因此浏览器只需调用一次即可获得优化后的javascript。
回答 2
Stack Overflow用户
发布于 2014-08-22 19:56:11
选项1:显式声明依赖项
require(['jquery', 'knockout', 'main-call', 'config'], function($, ko, mainCall) {
//the code
});选项2:向包含的列表中添加依赖项
module.exports = function(grunt){
grunt.initConfig({
requirejs: {
compile: {
options: {
baseUrl: "./js",
paths: {
'knockout': 'vendors/knockout/knockout-3.0.0'
},
mainConfigFile: "js/config.js",
include: ['jquery', 'knockout', 'main-viewmodel', 'main-call'],
name: "application",
out: "js/optimized.js"
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-requirejs');
grunt.registerTask('default', ['requirejs']);
};Stack Overflow用户
发布于 2014-08-22 04:27:36
我认为这是因为您正在优化您的配置文件，但配置文件没有任何依赖项。这是它唯一优化的文件。
通常，在配置文件的末尾，您需要主文件(在本例中为main-call、knockout)。然后，优化应该正确地进行。application.js未被读取
https://stackoverflow.com/questions/21653407
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号