How to run Autoprefixer on styles?

[breadadams]

I can't get Autoprefixer to run on the scss in a project using this Parcel plugin.

It doesn't seem to be working doing a regular @import 'path/to/style.scss' nor in single file components' <style scoped lang="scss">...</style>. I have the following config:

.postcssrc

{
  "plugins": {
    "autoprefixer": true
  }
}

.browserlistrc

last 4 versions

dependencies

  "devDependencies": {
    "babel-plugin-module-resolver": "^3.0.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-vue": "^2.0.0",
    "css-loader": "^0.28.9",
    "node-sass": "^4.7.2",
    "parcel-bundler": "^1.4.1",
    "parcel-plugin-vue": "^1.5.0",
    "postcss-modules": "^1.1.0",
    "postcss-scss": "^1.0.3",
    "vue-template-compiler": "^2.5.13"
  },
  "dependencies": {
    "autoprefixer": "^7.2.5",
    "bootstrap-sass": "^3.3.7",
    "inline-style-prefixer": "^4.0.0",
    "lodash": "^4.17.4",
    "vue": "^2.5.13",
    "vue-outside-events": "^1.1.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  }

Not sure if I'm missing some config? Autoprefixer worked when I was using Parcel without Vue, hence why I've opened the issue here. My apologies if this is an issue with another library.

Software	Version(s)
parcel-plugin-vue	^1.5.0
Parcel	^1.4.1
Vue	^2.5.13
Node	8.1.2
npm/Yarn	1.3.2 (Yarn)
Operating System	MacOs Sierra (10.12.6)

[litong534]

i got the same problem. hope author may give an answer : )

[breadadams]

I think this is gonna be replaced by what's been linked in the readme @litong534, check out the activity there.

[litong534]

thx dude, i'm working on it 👍

[breadadams]

Autoprefixer confirmed working on the new Parcel Vue integration https://github.com/parcel-bundler/parcel/issues/5#issuecomment-359665464

[litong534]

wow,thx a lot, it's really helpful! 👍

[zouhangwithsweet]

i have the same problem,in .vue file, the autoprefixer desnot work. but if i use import css in js , the autoprefixer is working.