grunt autoprefixer配置

时间:2014-04-22 11:15:22

标签: javascript gruntjs vendor-prefix

我正在运行一些grunt任务,包括 grunt-autoprefixer 。所有任务都在运行而没有错误,autoprefixer任务也是如此。但是我的css规则中没有添加前缀。我有什么想念/误会? 我的Gruntfile选项:

autoprefixer: {
    options: {
      browsers: ['ie > 7', 'ff > 3.4'] //just to test task
    },
    src: '<%= globalConfig.cssDir %>/*.css',
    dest: '<%= globalConfig.cssDir %>/*.css'
},

然后我运行grunt.loadNpmTasks('grunt-autoprefixer'); grunt.registerTask('default', ['uglify', 'sass', 'autoprefixer', 'watch']); 正如我所提到的,没有任何错误 - 到目前为止。 4个源文件在我的cssDir中,控制台也显示4个处理过的文件

可以加前缀的CSS规则:例如box-shadow, border-radius, linear-gradient

但我的css文件没有更改,也没有添加前缀。 救命? : - )

1 个答案:

答案 0 :(得分:0)

您可以尝试并确保globalConfig.cssDir变量设置正确:

autoprefixer: {
    options: {
        browsers: ['ie > 7', 'ff > 3.4'] //just to test task
    },
    multiple_files: {
        src: '<%= globalConfig.cssDir %>/*.css',
        dest: '<%= globalConfig.cssDir %>/'
    }
}