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

时间:2015-03-24 15:37:34

标签: javascript css sass autoprefixer

我正在尝试设置我的gruntconfig.js,当任务在终端上运行时没有错误,Autoprefixer和Grunt的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

这是我第一次这样做。

1 个答案:

答案 0 :(得分:1)

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