r.js优化器未从配置中获取

Question

我正在使用gulp和requirejs-optimize

我的init.js

;
(function(require) {

    "use strict";

    //Constants

    require.config({

        paths: {
            "angular": "app/libs/angular/angular.min",
            "domready": "app/libs/domReady/domReady",
            "angular-ui-router": "app/libs/angular-ui-router/release/angular-ui-router.min",
            "angular-bootstrap": "app/libs/angular-bootstrap/ui-bootstrap.min",
            "App": "app/app",
            "angular-animate": "app/libs/angular-animate/angular-animate.min",
            "ui-bootstrap-tpls": "app/libs/angular-bootstrap/ui-bootstrap-tpls.min",
            "enums": "app/enums"
        },
        waitSecond: 0,
        shim: {
            "angular": {
                exports: "angular",
                deps: []
            },

            "angular-ui-router": {
                deps: ["angular"]
            },

            "angular-bootstrap": {
                deps: ["angular"]
            },

            "ui-bootstrap-tpls": {
                deps: ["angular-bootstrap"]
            },

            "domready": {
                deps: []
            },

            "App": {
                deps: ["angular"]
            },

            "angular-animate": {
                deps: ["angular"],
                exports: "angular"
            }
        }
    });

    //This module defines all the Global constants for the app
    define("CONST", [], {
        templatesPath: "views/",
        URL: "https://saltjs-nirus.c9.io/service"
    });

    define(["require", "domready"], function(require, domready) {
        domready(function() {
            require(["angular", "App", "app/router"], function(angular, app) {
                angular.bootstrap(document, ["salt"]);
            });
        });
    });

})(window.requirejs);

我的构建配置文件如下

var gulp = require("gulp");
var requirejsOptimize = require('gulp-requirejs-optimize');

gulp.task('scripts', function() {
    return gulp.src(["./../ClientApp/init.js", "./../ClientApp/app/libs/domReady/domReady.js"])
        .pipe(requirejsOptimize(function(file) {
            return {
                baseUrl: "./../ClientApp/",
                useStrict: true,
                optimize: "uglify",                 
                paths: {
                    "angular": "app/libs/angular/angular.min",
                    "domready": "app/libs/domReady/domReady",
                    "angular-ui-router": "app/libs/angular-ui-router/release/angular-ui-router.min",
                    "angular-bootstrap": "app/libs/angular-bootstrap/ui-bootstrap.min",
                    "App": "app/app",
                    "angular-animate": "app/libs/angular-animate/angular-animate.min",
                    "ui-bootstrap-tpls": "app/libs/angular-bootstrap/ui-bootstrap-tpls.min",
                    "enums": "app/enums"
                },
                shim: {
                    "angular": {
                        exports: "angular",
                        deps: []
                    },

                    "angular-ui-router": {
                        deps: ["angular"]
                    },

                    "angular-bootstrap": {
                        deps: ["angular"]
                    },

                    "ui-bootstrap-tpls": {
                        deps: ["angular-bootstrap"]
                    },

                    "domready": {
                        deps: []
                    },

                    "App": {
                        deps: ["angular"]
                    },

                    "angular-animate": {
                        deps: ["angular"],
                        exports: "angular"
                    }
                }
            }
        }))
        .pipe(gulp.dest('./../build/final.js'));
});

gulp.task("default", ['scripts'])

问题：运行gulp时出现以下错误

ENOENT，没有这样的文件或目录'/home/ubuntu/workspace/ClientApp/domReady.js'

在这里，requirejs优化器没有采用build-config文件中指定的path选项，而是搜索正在引发错误的物理路径。 我如何强制优化器查找r.js构建配置中指定的path选项，并从那里选择文件进行优化。

Answer 1

最后，我想出了办法：

由于Gulp开发人员建议直接使用优化器，因为r.js与gulp不兼容，所以我从gulp-optimizer切换到了Noder.js。

Git Blacklist.json：

“ gulp-module-requirejs”：“直接使用require.js模块”，

以下是我的配置文件：

({
    mainConfigFile: "./../ClientApp/app/init.js",
    name: "init",
    baseUrl: "./../ClientApp/app/",
    insertRequire:["init"],
    findNestedDependencies: true,
    out: "./../ClientApp/build/final.js",
    wrap: true,
    optimize: "uglify",
    uglify: {
        toplevel: true,
        ascii_only: true,
        beautify: false,
        max_line_length: 1000,
        defines: {
            DEBUG: ['name', 'false']
        },
        no_mangle: true
    }
});

我正在使用uglify进行require.js提供的缩小

说明：

• mainConfigFile：使用此选项可以指向您定义了paths ， shims ， deps等的文件。RequireJs非常聪明，可以从此声明中选择配置进行处理（它们使用正则表达式模式来过滤此部分，因此请小心。请参阅他们的DOC ）
• name ：入口点模块名称。 在您的执行开始的地方定义这个。 PS：如果您有config和EP是相同的文件，则require将检测到该文件并将name添加到您定义的调用中。
• insertRequire：这将在末尾插入一个require语句，这将触发代码的执行。 参见DOC 。
• findNestedDependencies ：指示要求从您的入口点文件中选择依赖项。 遍历文件并获取依赖关系以进行最终构建。

其余内容仅供参考或参考文档

好吧，这救了我。

要与gulp构建系统一起使用，请参阅gulp gulp shell模块，这样您就可以连接构建系统以自动完成整个过程。

请参阅此答案以了解如何实现此目的。

希望这个答案能帮助和我一样坚持的人！