CODEWITHSUNDEEP
javascriptcssgruntjsautoprefixer
Andrew
Andrew

Reputation: 5715

How do I target IE9 and above with grunt autoprefixer?

How do I target IE9 and above with grunt autoprefixer? Can I do something like the following:

  grunt.config('autoprefixer', {
    options: {
      browsers: ['IE9+']
    },
    dist: {
      expand: true,
      src: '/styles/app.css'
    }
  });

Upvotes: 5

Views: 5113

Answers (1)

BoltClock
BoltClock

Reputation: 723498

The syntax for the browsers option can be found in the main Autoprefixer documentation. The relevant bits are:

  • Firefox >= 20 is Firefox version 20 or newer.

And:

Browsers names (case insensitive):

  • ...
  • Explorer or ie for Internet Explorer.

Hence, in order to target IE9 and newer, use:

options: {
  browsers: ['ie >= 9']
},

Upvotes: 7

Related Questions