Question

在我的grunt.js文件中我有

requirejs: {
    dist: {
        options: {
            almond: true,
            wrap: true,
            modules: [{name: 'main'}],
            mainConfigFile: "src/js/main.js",
            baseUrl: "src/js",
            dir: "tmp/js",
            inlineText: true,
            preserveLicenseComments: false
        }
    }
}

运行grunt requirejs:dist使用一些缩小的文件填充tmp/js目录 - 其中包括一个大的main.js文件（所有内容似乎都按预期捆绑在此文件中） - 但是当我想要包含此文件时像这样的文件

<script type="text/javascript" src="tmp/main.js"></script>

导致"Uncaught ReferenceError: define is not defined"

使用杏仁的意图是我不需要加载require.js文件来加载我的opimized文件 - 任何想法如何让它工作？

脚注：我已经设法这样做了，除了以前编译了main-built.js文件，但是现在似乎不再是这样了（更新） ...... -.-）

Answer 1

所以我尝试使用以下文件设置一个空目录＆amp;文件夹

/grunt.js
/src/js/main.js
/tmp/js

这是我的grunt.js：

module.exports = function(grunt) {

    grunt.loadNpmTasks("grunt-requirejs");
    grunt.initConfig({
        requirejs: {
            dist: {
                options: {
                    almond: true,
                    wrap: true,
                    modules: [{name: 'main'}],
                    mainConfigFile: "src/js/main.js",
                    baseUrl: "src/js",
                    dir: "tmp/js",
                    inlineText: true,
                    preserveLicenseComments: false
                }
            }
        }
    });

    grunt.registerTask("default", "requirejs");
};

这是我的main.js：

define(function() {
    console.log('hi');
});

我在控制台中运行了这些命令：

npm install grunt
npm install requirejs
npm install grunt-requirejs
grunt --gruntfile grunt.js

Grunt输出：

Running "requirejs:dist" (requirejs) task
>> RequireJS optimizer finished
Uncompressed size: 14234 bytes.
Compressed size: 1265 bytes gzipped. (2633 bytes minified)

/tmp/js/main.js中的结果文件确实引用了杏仁。它没有提到define函数，因为js已被最小化。我对define(的来电被重写为n(。

我怀疑你可能在调用define的最小化文件之外有代码。

此外，在我的其他项目中，我的mainConfigFile仅作为配置文件引用，而不是作为模块加载。

使用含杏仁的grunt requirejs导致“定义未定义”

1 个答案: