使用grunt找不到任务

Question

我正在尝试在grunt中使用多个任务，其中一个是partialy工作，另一个是not found task 。

这个问题是基于这个 ，我使用相同的gruntfile.js和相同的结构，这是：

├── Gruntfile.js
└── grunt
    ├── config
    │   ├── conf_sass.js
    │   └── conf_home.js
    └── register
        ├── reg_sass.js
        └── reg_home.js

使用这个相应的文件：

conf_sass.js

module.exports = function(grunt) {
    grunt.config.set('sass', {

        sass: {
            options: {
                style:'expanded',
                compass: true
            },
            files: {
                'src/css/app.css' : 'src/sass/app.scss'
            }
        },
        cssmin: {
            options: {
                shorthandCompacting: false,
                roundingPrecision: -1
            },
            target: {
                files: {
                    'dist/css/app.min.css': 'src/css/app.css'
                }
            }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
};

reg_sass.js

module.exports = function(grunt) {
    grunt.registerTask('compSass', ['sass']);
};

conf_home.js

module.exports = function(grunt) {
    grunt.config.set('home', {

        concat: {
            dist : {
                src: 'src/.../home/*.js',
                dest: 'src/.../concat_home.js'
            }
        },
        ngAnnotate: {
            options: {
                add: true
            },
            dist: {
                files: {
                    'src/.../concat_home.js': 'src/.../concat_home.js'
                }
            }
        },
        uglify: {
            dist: {
                src:  'src/.../concat_home.js',
                dest: 'app/.../home.min.js'
            }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-ng-annotate');
};

reg_home.js

module.exports = function(grunt) {
    grunt.registerTask('compHome', ['home']);
};

问题是：

sass进程在没有错误的情况下运行所有​​内容，但是不执行css minify部分，即使没有任何错误。

回家过程中，返回错误

警告：未找到任务“主页”

它出什么问题了？ 我安装了所有模块，因为在迁移到这个新结构之前它们都在工作。

Answer 1

有几个问题：
- 文件名必须与任务名相同（ 例如 ： ngAnnotate.js - > task： ngAnnotate ）
- 您的任务不是由grunt插件分组的
- 共享配置任务和注册任务的名称，然后您无法设置home配置任务和home注册任务，因为当您使用grunt home调用它时，grunt无法知道您正在引用的任务。

您必须遵守配置任务的此规则： 在一个文件中使用相同插件的组配置任务，不要在配置任务中混用grunt-plugins，注册任务适用于此作业。

你当前的配置问题，要调用cssmin任务，你必须运行grunt sass:cssmin ，这没有意义。 这就是为什么通过grunt插件对配置任务进行分组，用grunt cssmin调用你的cssmin任务或用grunt cssmin调用你的子任务grunt cssmin:<subtask_name>

这是一个例子：

module.exports = function(grunt) {
    grunt.config.set('sass', { 
        website: {
            options: {
                style:'expanded',
                compass: true
            },
            files: {
                'src/css/app.css' : 'src/sass/app.scss'
            }
        },
        admin: {
            options: {
                style:'expanded',
                compass: true
            },
            files: {
                'src/css/app.css' : 'src/sass/app.scss'
            }
        },
    });
    grunt.loadNpmTasks('grunt-contrib-sass');
};

这里我们注册了sass配置任务，运行它，我们使用grunt sass 。 它将在其网站和管理子任务中运行所有子任务。 现在，如果我们只想运行网站任务，我们运行： grunt sass:website

那么在你的情况下，这是你的结构应该是什么样子：

├── Gruntfile.js
└── grunt
    ├── config
    │   ├── sass.js
    │   ├── concat.js
    │   ├── cssmin.js
    │   ├── uglify.js
    │   └── ngAnnotate.js
    └── register
        ├── sassAndCssmin.js
        └── home.js

你的sass.js文件：

module.exports = function(grunt) {
    grunt.config.set('sass', {
        sass: {
            options: {
                style:'expanded',
                compass: true
            },
            files: {
                'src/css/app.css' : 'src/sass/app.scss'
            }
        },
    });
    grunt.loadNpmTasks('grunt-contrib-sass');
};

你的cssmin.js文件：

module.exports = function(grunt) {
    grunt.config.set('cssmin', {
        cssmin: {
            options: {
                shorthandCompacting: false,
                roundingPrecision: -1
            },
            target: {
                files: {
                    'dist/css/app.min.css': 'src/css/app.css'
                }
            }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-cssmin');
};

你的concat.js文件：

module.exports = function(grunt) {
    grunt.config.set('concat', {
        home: {
            dist : {
                src: 'src/.../home/*.js',
                dest: 'src/.../concat_home.js'
            }
        },
    });
    grunt.loadNpmTasks('grunt-contrib-concat');
};

你的ngAnnotate.js文件：

module.exports = function(grunt) {
    grunt.config.set('ngAnnotate', {
        home: {
            options: {
                add: true
            },
            dist: {
                files: {
                    'src/.../concat_home.js': 'src/.../concat_home.js'
                }
            }
        },

    });
    grunt.loadNpmTasks('grunt-ng-annotate');
};

其他配置任务的进程相同。

以下是注册任务的示例：

你的sassAndCssmin.js文件：

module.exports = function(grunt) {
    grunt.registerTask('sassAndCssmin', [
        'sass',
        'cssmin'
    ]);
};

你的home.js文件：

module.exports = function(grunt) {
    grunt.registerTask('home', [
        'concat',
        'ngAnnotate',
        'uglify'
    ]);
};