cssnano removing prefixes

Created on 1 May 2016  路  1Comment  路  Source: cssnano/cssnano

i'm using "cssnano": "^3.4.0", with grunt.
here's my config

        postcss: {
            dev: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer')({
                            browsers: 'last 2 version, IE 9'
                        }),

                    ]
                },
                src: '_dev/css/main.css'
            },
            build: {
                options: {
                    map: false,
                    processors: [
                        require('cssnano')()
                    ]
                },
                src: '_site/css/main.css'
            }
        }, //postcss

this

  -webkit-transform: rotate(129deg);
      -ms-transform: rotate(129deg);
          transform: rotate(129deg);

becomes this after the cssnano treatment:

    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)

I'm supposed to keep the -ms-, why is it removed?

question

Most helpful comment

You need to pass the browsers option with cssnano's autoprefixer.

        postcss: {
            dev: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer')({
                            browsers: 'last 2 version, IE 9'
                        }),

                    ]
                },
                src: '_dev/css/main.css'
            },
            build: {
                options: {
                    map: false,
                    processors: [
                        require('cssnano')({autoprefixer: {browsers: 'last 2 version, IE 9'}})
                    ]
                },
                src: '_site/css/main.css'
            }
        }, //postcss

>All comments

You need to pass the browsers option with cssnano's autoprefixer.

        postcss: {
            dev: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer')({
                            browsers: 'last 2 version, IE 9'
                        }),

                    ]
                },
                src: '_dev/css/main.css'
            },
            build: {
                options: {
                    map: false,
                    processors: [
                        require('cssnano')({autoprefixer: {browsers: 'last 2 version, IE 9'}})
                    ]
                },
                src: '_site/css/main.css'
            }
        }, //postcss
Was this page helpful?
0 / 5 - 0 ratings