Question

我对整个＆＃34;前端工作流程相当陌生。东西，我试图学习如何使用咕噜声，我设置了一个任务来缩小我的CSS，但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，这不是一个咕噜的插件。

解决方案：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']);

};

Grunt不会找到任何任务

1 个答案: