Require.js构建没有连接脚本加载Jam

Question

继Addy (O‘’Reilly)关于Grunt BBB(骨干样板巴迪)的“开发Grunt BBB(骨干样板巴迪)应用”一章之后，我就无法创建一个构建概要文件。

以下是用于此的文件系统树：

/builds
    /closure
    /rhino
    /config
        /build.js
    build.sh
/development
    /* Grunt-BBB files after init */
    /app
        /styles
            index.css
        app.js
        config.js
        main.js
        router.js
    /test
        /* Not important files used for testing */
    /vendor
        /h5bp
            /css
                main.css
                normalize.css
        /jam
            /backbone
                backbone.js
                package.json
            /bakbone.layoutmanager
                bakbone.layoutmanager.js
                package.json
            /jquery
                jquery.js
                package.json
            /lodash
                lodash.js
                lodash.min.js
                lodash.underscore.min.js
                package.json
            require.config.js
            require.js
        /js
            /libs
                almond.js
                require.js
/distribution
    /* Empty dist directory where the optimized / minified / concatenated files should go */

下面是我在/development目录中遵循的步骤：

1)安装Grunt (npm install -g bbb)

2)下载r.js，这是Require.js项目(git clone https://github.com/backbone-boilerplate/grunt-bbb)的一部分

3)初始化样板文件(bbb init)

下面是我用来为Google闭包编译器配置build.js加载程序的r.js文件：

({
    appDir: '../../development',
    baseUrl: 'app',
    dir: '../../distribution',
    optimize: 'closure', // 'uglify2'
    paths: {
        backbone: '../vendor/jam/backbone/backbone',
        'backbone.layoutmanager': '../vendor/jam/backbone.layoutmanager/backbone.layoutmanager',
        jquery: '../vendor/jam/jquery/jquery',
        lodash: '../vendor/jam/lodash/backbone.min'
    },
    modules: [
        {
            name: 'main'
        }
    ],
    onBuildRead: function(moduleNames, path, contents) {
        return contents;
        //return contents.replace(/console\.log\(([^\)]+)\);/g, '')
        //              .replace(/debugger;/, '');
    }
})

这是我使用的build.sh文件：

#!/usr/bin/env bash

# r.js directory
RJSDIR="r.js"
RJS="$RJSDIR/dist/r.js"

# Rhino directory
RHINODIR="rhino"
RHINO="$RHINODIR/js.jar"

# Google Closure Compiler directory
CLOSUREDIR="closure"
CLOSURE="$CLOSUREDIR/compiler.jar"

# Build config directory
CONFIGDIR="config"
CONFIG="$CONFIGDIR/build.js"

# Launch compillation
java -Xms256m -Xmx256m -classpath "$RHINO":"$CLOSURE" org.mozilla.javascript.tools.shell.Main "$RJS" -o "$CONFIG" $@

我的目标是优化、缩小、连接所有JavaScrit文件，包括库和模板(我还没有，我只使用样板文件)，但也使用CSS文件。

运行./build.sh所得到的结果是，每个文件都被正确地最小化(除了CSS规则内联，但这不是重点)和连接，但是由Jam (结合NPM和Require.js的包管理器)加载和管理的资源没有连接。

原因是因为它们已经被Jam加载/管理，所以它们不会在JavaScript文件中重新声明。

最后，我的问题如下：

• 我如何重写我的build.js配置文件，以便Jam加载的资源也包括在Release/ dist文件中并连接起来？
• 如何使连接的资源不被复制到realse / dist目录中？是否可以在build.js文件中配置它，或者应该在我的build.sh文件中进行配置？

编辑：新的build.js文件：

({
    appDir: '../../development',
    baseUrl: 'app',
    dir: '../../distribution',
    optimize: 'closure', // 'uglify2'
    paths: {
        requirejs : '../vendor/jam/require',
        backbone: '../vendor/jam/backbone/backbone',
        'backbone.layoutmanager': '../vendor/jam/backbone.layoutmanager/backbone.layoutmanager',
        jquery: '../vendor/jam/jquery/jquery',
        lodash: '../vendor/jam/lodash/backbone.min'
    },
    name: 'main',
    include: ['requirejs'],
    onBuildRead: function(moduleNames, path, contents) {
        return contents;
        //return contents.replace(/console\.log\(([^\)]+)\);/g, '')
        //              .replace(/debugger;/, '');
    }
})

这是一个错误：

file:///vendor/js/libs/require.jsFailed to load resource: The requested URL was not found on this server.
file:///app/styles/index.cssFailed to load resource: The requested URL was not found on this server.

Answer 1

require.js从未包含在r.js中，除非您指示它这样做。请参阅此链接：

http://requirejs.org/docs/optimization.html#onejs

该链接引用命令行选项，但构建文件选项大致相同：

您需要在路径中为require.js定义一个虚拟模块：

paths: {
    requireLib : '/path/to/require.js'
    backbone: '../vendor/jam/backbone/backbone',
    'backbone.layoutmanager': '../vendor/jam/backbone.layoutmanager/backbone.layoutmanager',
    jquery: '../vendor/jam/jquery/jquery',
    lodash: '../vendor/jam/lodash/backbone.min'
},

并包括：

name "main",    
include: ["requireLib"],

可以通过设置以下方法确保解决所有嵌套依赖关系：

findNestedDependencies: true,

可以在构建文件中使用“out”配置输出路径。

out: "path/to/my/builtfile-1.0.0.js",

对不起，我对果酱还不太了解，不知道jam是否会覆盖这个设置

_Pez