将 Grunt 用于 Sass 和 Autoprefixer。需要帮助来设置我的配置文件

Question

我正在尝试设置我的 gruntconfig.js，虽然任务运行ning 在终端上没有错误，但 Autoprefixer 和 G运行t'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

这是我第一次这样做。

Answer 1

没关系。我开始使用 Codekit。更好！

将 Grunt 用于 Sass 和 Autoprefixer。需要帮助来设置我的配置文件

Using Grunt for Sass and Autoprefixer. Need help to set up my config file

javascript

css

sass

autoprefixer