3

我整天都在这里寻找答案，我确信这只是我的配置搞砸了。

简短版本：我已经配置了 grunt。grunt-contrib-concat 工作。grunt-contrib-uglify 说它可以工作，但输出一个空文件。

长版：项目结构为：

/projectRoot
    ->/dev
        ->/js
            /foo.js
            /bar.js
    ->/dist
        ->/js

我想获取 foo.js 和 bar.js 并将它们输出到 /dist/js 目录中名为“app.js”的文件中。

这是我的配置：

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        concat: {
            options:{
                separator: ';'
            },
            dist:{
                src:["js/foo.js", "js/barjs"],
                dest:"../prod/js/app.js"
            }
        },

        uglify:{
            dist:{
                files:{
                    "../prod/js/app.min.js":["js/foo.js", "js/bar.js"]
                }
            }
        }
    });



    /**
     * Set up tasks
     * @type {string[]}
     */
    var taskList = [
        "grunt-contrib-concat",
        "grunt-contrib-uglify"
    ];

    for(var task in taskList){
        grunt.loadNpmTasks(taskList[task]);
    }

    grunt.registerTask('default', ['concat']);
    grunt.registerTask('dist', ['concat','uglify:dist']);
};

是的，Grunt 安装在我的 DEV 目录中。

当我跑

grunt dist

我得到以下控制台输出：

Running "concat:dist" (concat) task
File ../prod/js/app.js created.

Running "uglify:dist" (uglify) task
File js/app.min.js created: 319 B → 0 B

Done, without errors.
Process finished with exit code 0

最后，它确实最终创建了文件 /projectRoot/prod/js/app.min.js

...但它是空的。

关于我做错了什么的任何想法？此语法完全遵循自述文件和我能找到的任何其他文档中的内容。concat 任务运行良好。

任何帮助，将不胜感激。谢谢！

--EDIT-- 我更新了 Grunt，使其位于 projectRoot 中，但输出没有区别。

===============

更新

我找到了它输出空文件的原因。显然，自调用匿名函数被“缩小”了，或者至少在这种情况下它们是。这可能是因为这里没有活动代码。我将进一步研究这一点。我假设实际做事的函数，引用全局变量等将保留。

===============

最后更新

问题解决了。即使有缩小所有代码的选项，它仍然会删除任何未引用的变量等。我的测试文件中的东西没有使用。如果我添加对所述功能的引用，那么它们就会出现。

希望这可以帮助某人。

4

1 回答 1

4

问题解决了。即使有缩小所有代码的选项，它仍然会删除任何未引用的变量等。我的测试文件中的东西没有使用。如果我添加对所述功能的引用，那么它们就会出现。由于没有引用任何函数，因此它们被删除，我最终得到一个空文件。

希望这可以帮助某人。

于 2014-06-11T20:20:43.500 回答