Autoprefixer:不添加前缀

时间:2015-04-27 16:00:07

标签: css sass grunt-contrib-watch libsass

尝试让autoprefixer使用Grunt,Livereload和node-sass。

我似乎没有得到任何前缀。

下面是我的Gruntfile.js:

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    autoprefixer: {
      options: {
        browsers: ['last 8 versions'],
        map: true
      },
      dist: {
        files: {
          'css/styles.css': 'css/styles.css'
        }
      }
    },

    // Sass to CSS
    sass: {
      app: {
        files: [{
          expand: true,
          cwd: 'scss',
          src: ['*.scss'],
          dest: 'css',
          ext: '.css'
        }]
      },
      options: {
        sourceMap: true,
        outputStyle: 'nested',
        imagePath: "../",
      }
    },

    watch: {
      sass: {
        files: ['scss/{,*/}*.{scss,sass}'],
        tasks: ['sass']
      },
        html: {
        files: ['*.html']
      },
      options: {
        livereload: true,
        spawn: false
      },
      styles: {
        files: ['css/styles.css'],
        tasks: ['autoprefixer']
      }
    },
  });

  // Loads Grunt Tasks
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-contrib-watch');

  // Default task(s).
  grunt.registerTask('default', ['autoprefixer','sass', 'watch']);
};

我确实看到我的grunt命令的输出说明了一个前缀的文件,但是当我打开css / styles.css时,我看不到前缀。

$ grunt
Running "autoprefixer:dist" (autoprefixer) task
>> 1 autoprefixed stylesheet created.

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

订单很重要......

grunt.registerTask('default', ['autoprefixer','sass', 'watch']);

应该是:

grunt.registerTask('default', ['sass', 'autoprefixer', 'watch']);

星期一快乐:)