javascript - Grunt uglify 任务变为空白/空闲

Question

我对 JS 中的任务运行器非常陌生，这是我第一次尝试 GruntJS。在我的 Gruntfile.js 中，我保留了几个任务，例如 jshint、cssmin 等。我可以从命令行运行它们，但是当我在那里运行 `grunt uglify' 时如果没有响应，光标将转到另一行并保持此状态数小时。也没有显示错误消息。

下面是我的相关代码，我尝试了各种 uglify 配置，因为我看到不同的用户提供了不同的属性集

//uglify:{
        //    options: {
        //        mangle : {
        //            except : ['jQuery', 'angular']
        //        },
        //        compress: {
        //            drop_console : true
        //        },
        //        banner: '*****Minified file for Pricing Plan*****',
        //        footer: '*********File ends**********',
        //        preserveComments: false
        //    },
        //    my_target:{
        //        options: {
        //            beautify: true,
        //            files: {
        //                'scripts/pp.min.js': ['scripts/pp.js']
        //            }
        //        }
        //    }
        //},
        uglify: {
            options: {
                banner: '*****Minified file for Pricing Plan*****'
            },
            dist: {
                src: 'scripts/pp.js',
                dest: 'scripts/pp.min.js'
            }
        },


grunt.loadNpmTasks('grunt-contrib-uglify');

grunt.registerTask('uglify', ['uglify']);

在命令行上我正在运行grunt uglify

有人可以建议这里出了什么问题以及纠正它的方法吗？

如果需要的话:它是一个 Angular1.x.x 项目

编辑:我尝试安装 uglifyJs 并运行 uglifyjs 命令。它成功地丑化并缩小了我的代码。那么除了我上面所做的之外，还有什么需要做的吗？

Answer 1

but when I run `grunt uglify' there is no response, the cursor goes to another line and remains so for hours.

问题:

我认为这个问题与您注册 uglify 任务的方式有关。下面这行代码:

grunt.registerTask('uglify', ['uglify']); //<-- Issue is here.

如何修复它:

创建 Alias Task 时使用grunt.registerTask()避免将taskName命名为与taskList数组中定义的任何项目/任务相同的名称。

grunt.registerTask('minify', ['uglify']); //<-- Correct.

注意:虽然在上面的示例代码中我已将 taskName 更改为 minify，但它可以是任何您喜欢的有效名称。只需确保您选择的任何 taskName 不会同时作为 taskList 数组中的项目之一存在。

您现在可以通过 CLI 运行修改后的注册 uglify 任务，如下所示:

$ grunt minify

Gruntfile.js

这是修改后的 Gruntfile.js:

module.exports = function(grunt) {

    grunt.initConfig({
        uglify: {
            options: {
                banner: '/*****Minified file for Pricing Plan*****/'

                // ... <-- Your other options
            },
            dist: {
                src: 'scripts/pp.js',
                dest: 'scripts/pp.min.js'
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.registerTask('minify', ['uglify']);
};

(注意:还向横幅字符串添加正斜杠，以在结果文件中生成有效的 JavaScript 注释)