尝试使用 grunt-contrib-requirejs 将所有 JS 压缩到一个文件答案

【问题标题】：Trying to use grunt-contrib-requirejs to minify all JS to one file尝试使用 grunt-contrib-requirejs 将所有 JS 压缩到一个文件
【发布时间】：2013-12-16 17:55:06
【问题描述】：

我有以下目录结构（仅相关位）：

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。

【问题讨论】：

您可以尝试将包含语句更新为include: ['lib/**/*.js'] 看看是否有效？
我更改了一些代码，然后我再次将其更改回来，现在它可以工作了。我完全糊涂了，虽然这个问题似乎已经解决，但我没有解决方案（我假设它不是随机发生的）。

标签： requirejs gruntjs grunt-contrib-requirejs

【解决方案1】：

您可以定义一个 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会将所有路径文件的内容添加到优化后的代码中。

【讨论】：

这对我不起作用，它只在输出中显示配置文件

【解决方案2】：

尝试将其添加到您的选项对象中：

findNestedDependencies: true

这样 grunt-contrib-requirejs（实际上只是 requirejs）将找到您的配置文件中列出的任何依赖项。

希望它对你有用。

【讨论】：