Autoprefixer：不添加前缀

Question

尝试让 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.

有什么想法吗？

Answer 1

顺序很重要...

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

应该是：

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

周一快乐:)

Autoprefixer：不添加前缀

Autoprefixer: Not adding prefixes

css

sass

grunt-contrib-watch

libsass