Grunt 找不到任何任务

Question

我对整个“前端工作流程”的东西相当陌生，我正在尝试学习如何使用 grunt，并且我设置了一个任务来缩小我的 css，但 Grunt 找不到任何任务

这是我的 grunt 文件

module.exports = function(grunt) {

grunt.initConfig({

        pkg: grunt.file.readJSON('package.json'),
        min:{
            dist:{
                src: 'public/stylesheets/*.css',
                dest: 'public/stylesheets/builds'
            }
        }
    });

    grunt.registerTask('default', ['min']);
}

minify 安装在全局和项目中

我尝试过运行默认设置

grunt

和

grunt min

minify 在我的 package.json 中

"minify": "~0.6.1",

Answer 1

这里有几个潜在问题，所有这些问题都可能导致这些问题。

---

问题：您正在使用minify，它不是一个 grunt 插件。

解决方案：npm install grunt-contrib-uglify 和/或 grunt-contrib-cssmin 满足您的需求。

---

问题：您没有加载任何插件/任务...至少在您发布的代码中没有。

解决方案：在您注册任务之前使用grunt.loadNpmTasks 加载任务。例如，如果您使用 uglify 和 cssmin，则需要在 grunt.registerTask 之前使用这些行：

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

---

针对此特定问题的可能完整解决方案

1) npm install grunt-contrib-uglify

2)npm install grunt-contrib-cssmin

3) 更新您的 gruntfile 以类似于此。

您将需要编辑目录以匹配您的项目细节...如果您不先编辑它，这几乎肯定会失败。有关选项、路径等的完整详细信息，请参阅 grunt-contrib-uglify 或 -cssmin 的文档...：

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      dist: {
        files: {
          'dist/<%= pkg.name %>.min.js': ['<%= concat.dist.dest %>']
        }
      }
    },
    cssmin: {
      minify: {
        expand: true,
        cwd: 'release/css/',
        src: ['*.css', '!*.min.css'],
        dest: 'release/css/',
        ext: '.min.css'
      }
    }
  });

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

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

};