grunt-postcss autoprefixer不添加前缀

时间:2015-12-30 18:20:31

标签: javascript css gruntjs autoprefixer postcss

我第一次尝试使用grunt-postcss和autoprefixer,但css没有得到前缀。 我收到了消息

Running "postcss:dist" (postcss) task
>> 1 processed stylesheet created.

Done, without errors.

但没有任何前缀。

为了确保问题不在我的CSS中,我创建了一个名为test.css的文件,只有

html {display:flex;}

并添加了不同的浏览器组合来尝试触发前缀,但无济于事。

这就是目前的任务:

postcss: {
  options: {
    processsors: [
      require('autoprefixer')({
        browsers: [
          'last 8 versions'
        ]
      })
    ]
  },
  dist: {
    files: {
      'src/css/prefixed/test.css':'src/css/test.css'
    }
  }
}

任务注册为

grunt.registerTask('default', ['postcss:dist']);

添加' .postcss '到require行没有任何影响(我已经看到过这里使用过)并且没有用

替换files属性
src: 'src/css/test.css',
dest: 'src/css/prefixed/test.css'

如果我删除'前缀'文件夹和运行grunt,文件夹确实已创建,新文件在那里,根本没有前缀。

这是一个错误吗?我做错了吗?

提前致谢! :)

0 个答案:

没有答案