meisten Grunt Aufgaben nicht zu finden sind

Question

Dies ist mein erster Tag mit Grunzen und ich versuche es

https://24ways.org/2013/grunt-is-not-weird-and-hard/

https://css-tricks.com/autoprefixer/

Und mein Gruntfile.js ist dies mit diesen Übungen zu machen, arbeiten : Aber

module.exports = function(grunt) { 
// 1. All configuration goes here 
grunt.initConfig({ 
pkg: grunt.file.readJSON('package.json'), 
watch: { 
    scripts: { 
    files: ['scripts/app.js'], 
    tasks: ['uglify'], 
    options: { 
     spawn: false, 
    }//For some reason I had a come here. Don't know if it matters 
    }, 
    css: { 
    files: ['content/app.scss'], 
    tasks: ['sass'], 
    options: { 
     spawn: false, 
    } 
    }, 
    styles: { 
    files: ['content/app.css'], 
    tasks: ['autoprefixer'] 
    } 
}, 
uglify: { 
    build: { 
    src: "scripts/app.js", 
    dest: "scripts/app-final.js" 
    } 
}, 
sass: { 
    dist: { 
    options: { 
     style: 'compressed' 
    }, 
    files: { 
     'content/app.css': 'content/app.scss' 
    } 
    } 
}, 
autoprefixer: { 
    dist: { 
    files: { 
     'content/app-prefixed.css': 'content/app.css' 
    } 
    } 
}, 
imagemin: { 
    dynamic: { 
     files: [{ 
      expand: true, 
      cwd: 'assets/img/', 
      src: ['**/*.{png,jpg,gif}'], 
      dest: 'assets/img/' 
     }] 
    } 
} 
}); 


// 3. Where we tell Grunt we plan to use this plug-in. 
grunt.loadNpmTasks(
'grunt-contrib-uglify', 
'grunt-contrib-sass', 
'grunt-autoprefixer', 
'grunt-contrib-watch', 
'grunt-contrib-imagemin' 
); 

// 4. Where we tell Grunt what to do when we type "grunt" into the terminal. 
grunt.registerTask(
'default', [ 
    'watch', 
    'uglify', 
    'sass', 
    'autoprefixer', 
    'imagemin' 
]); 
}; 

wenn ich grunzen Uhruhr versuchen bekomme ich diese:

Um die Dinge weirder grunt uglify

# grunt uglify 
Running "uglify:build" (uglify) task 
>> Destination scripts/app-final.js not written because src files were empty. 
>> No files created. 
Done, without errors. 

gesehen Gestartet grunt --help gibt mir eine interessante Sache

Available tasks 
    uglify Minify files with UglifyJS. * 
    default Alias for "watch", "uglify", "sass", "autoprefixer", "imagemin" tasks. 

Ich kann es wirklich keinen Unterschied zwischen verunstalten und die anderen Funktionen. VS Code gibt mir keine Fehler. Ich habe alle verwendeten Aufgaben installiert. Ich habe Knoten installiert.

Neustart VS Code hilft nicht. Ich denke nicht, dass das wichtig ist, aber nur für den Fall, ich benutze Linux.

die Abhängigkeiten Neuinstallieren half nicht entweder

Answer 1

Sie haben die folgenden:

grunt.loadNpmTasks(
'grunt-contrib-uglify', 
'grunt-contrib-sass', 
'grunt-autoprefixer', 
'grunt-contrib-watch', 
'grunt-contrib-imagemin' 
); 

Ersetzen Sie es mit diesem:

grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-contrib-imagemin'); 
grunt.loadNpmTasks('grunt-autoprefixer'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 
grunt.loadNpmTasks('grunt-contrib-uglify'); 

Grunt nehmen nicht mehrere Argumente in grunt.loadNpmTasks für einige Grund. Sie können die ordnungsgemäße Verwendung der Funktion loadNpmTasks in der Dokumentation sehen: https://gruntjs.com/sample-gruntfile