Question

这是我的gruntfile.js：

module.exports = function(grunt) {

  require('load-grunt-tasks')(grunt);

  grunt.initConfig({

    uglify: {
      start: {
        files: {
          'js/script.min.js': ['js/script.js'],
        }
      }
    },

    imagemin: {
      build: {
        options: {
          optimizationLevel: 3
        },
        files: [{
          expand: true,
          src: ['img/sprite_svg/*.svg'],
        }]
      }
    },

    svgstore: {
      options: {
        includeTitleElement: false,
        svg: {
          style: 'display:none',
        },
        cleanup: [
          'fill',
        ],
      },
      default : {
        files: {
          'img/sprite.svg': ['img/sprite_svg/*.svg'],
        },
      },
    },

    watch: {
      livereload: {
        options: { livereload: true },
        files: ['build/**/*'],
      },
      scripts: {
        files: ['js/script.js'],
        tasks: ['js'],
        options: {
          spawn: false
        },
      },
      images: {
        files: [
          'img/sprite_svg/*.svg'
        ],
        tasks: ['img'],
        options: {
          spawn: false
        },
      },
      html: {
        files: ['./index.html'],
        // tasks: ['html'],
        options: {
          spawn: false
        },
      },
    },

    browserSync: {
      dev: {
        bsFiles: {
          src : [
            'img/sprite.svg',
            './index.html',
          ]
        },
        options: {
          watchTask: true,
          server: {
            baseDir: "./",
          },
          startPath: "index.html",
          ghostMode: {
            clicks: true,
            forms: true,
            scroll: false
          }
        }
      }
    }

  });

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

  grunt.registerTask('default', [
    'js',
    'img',
    'browserSync',
    'watch'
  ]);

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

  grunt.registerTask('img', [
    'imagemin',
    'svgstore'
  ]);

};

我已经安装了uglify和imagemin npm软件包，但我仍然会遇到错误：警告：未找到任务“uglify”“

这一直有效，直到我添加了svgstore，我认为这可能是语法错误。然而，这是我第一次使用它，我根本不知道导致问题的原因。任何帮助将不胜感激。

Answer 1

package.json文件中有什么内容？

＆＃34;负载咕噜任务＆＃34;读取＆＃34;依赖＆＃34;和＆＃34; devDependencies＆＃34;在package.json中，所以你不必调用＆＃34; grunt.loadNpmTasks＆＃34;。

另外，你应该安装＆＃34; grunt-contrib-uglify＆＃34;不是＆＃34; uglify＆＃34;。

Answer 2

在两个数组中的最后一项之后有额外的逗号

grunt.registerTask('js', [
  'uglify', // <-- remove this comma 
]);

grunt.registerTask('img', [
  'imagemin',
  'svgstore', // <-- remove this comma too
]);

无法找到错误解决方案“警告：任务”uglify“未找到”

2 个答案: