javascript - Sass と Autoprefixer に Grunt を使用します。構成ファイルをセットアップするのに助けが必要

Question

gruntconfig.js をセットアップしようとしていますが、端末でタスクがエラーなしで実行されている間、Autoprefixer と Grunt's Watch がまったく機能しません。私は何か間違ったことをしていますか？ところで、Saas と Autoprefixer を一緒に実行できますか?

module.exports = function(grunt) {

// configures task(s)
grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

sass: {
  dist: {
    options: {
      outputStyle: 'expanded'
    },
    files: {
      'css/style.css' : 'src/scss/main.scss.css'
    }
  }
},

watch: {
    css: {
      files: 'src/scss/main.scss.css',
      tasks: ['sass', 'autoprefixer']
    }
},

    autoprefixer: {
  files: {
    'css/style.css': 'src/scss/main.scss.css'
  }
}

});

// Load the Plugins
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-sass');


// Register Task(s)
grunt.registerTask('default', ['autoprefixer', 'sass'] );

};

そして、これが私のディレクトリ構造です

assets

css
    style.css
    normalize.css

fonts

gruntfile.js

img

index.html

js

node_modules

package.json

src
    design
    js
    scss
        main.scss

これを行うのは初めてです。