我有以下目录结构(仅限相关位): app - build - script.js - js - lib - require.js - jquery-1.10.2.js - app.js - index.htmlGruntfile.js Gruntfile.js包含以下内容: module.exports = function (grunt) { var gruntConfig = { pkg:
app
- build
- script.js
- js
- lib
- require.js
- jquery-1.10.2.js
- app.js
- index.html
Gruntfile.js
Gruntfile.js包含以下内容:
module.exports = function (grunt) {
var gruntConfig = {
pkg: grunt.file.readJSON('package.json'),
requirejs: {
compile: {
options: {
name: 'app',
baseUrl: 'app/assets/js',
out: 'app/assets/build/script.js',
include: ['lib/require'],
uglify: {
// beautify: true,
defines: {
DEBUG: ['name', 'false']
}
},
paths: {
jquery: "lib/jquery-1.10.2"
}
}
}
},
};
grunt.initConfig(gruntConfig);
grunt.loadNpmTasks('grunt-contrib-requirejs');
};
app.js包含以下内容:
require(['jquery'], function ($) {
// Do stuff
});
我如何设置它以便将所有需要的JavaScript复制到build / script.js中,而不仅仅是app.js和require.js,当我告诉它时(我尝试使用jQuery时出错)?我还希望能够添加模块而不将它们添加到我的Gruntfile中,只需将它们添加到script.js即可.
您可以定义一个mainConfigFile,并且内部配置文件中包含这样的lib代码路径gruntfile的内容:
requirejs: {
compile: {
options: {
baseUrl: "app/js/",
mainConfigFile: app/config.js",
out: "build/script.js",
name: "config"
}
}
}
配置文件的内容:
require.config({
paths: {
lib: "<path to>/js/lib",
jquery: "<path to>/js/lib/jquery-1.10.2.min",
.
and particular file required
.
}
Requirejs会将所有路径文件的内容添加到优化代码中.
