Vue-loader: The `-webkit-box-orient` can not be transformed

[imjeen]

I know the property is only for webkit, but I still try to use it, like the Weird WebKit Flexbox Way.

Even though I use the latest version: [email protected], the special property is not be transformed.

The sass-loader or style-loader can transform it.

[LinusBorg]

Hello @imjeen,,

thank you for your filing this issue.

Please follow the guidelines on how to report an issue. In particular, provide an example on www.jsfiddle.net (or a similar service) that reproduces the problem. If necessary, create a repository for us to clone with a minimal reproduction. repositories of actual projects will generally not be accepted. (Why is this necessary?)

Thank you.

[Gavin-Gong]

I guess postcss cause this problem, you can try to config postcss option in vue-loader.conf.js like this. It works for me.

  postcss: [
    require('autoprefixer')({
      remove: false,
      browsers: ['last 2 versions']
    })
  ]

[LinusBorg]

Closing because of inactivity

[andredewaard]

the -webkit-box-orient: vertical; rule is removed every time. Is there some way to /* ignore rule*/ that will say to the sass-loader that the rule needs to be untouched?