postcss import need works with postcss url

[SirM2z]

Hi, I got error in last release

my css:

@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1510823274364'); /* IE9*/
  /* ... */
}

it is solved when I add "postcss-url": {}, in .postcssrc.js

[LinusBorg]

Please provide way to reproduce this for us, I can't tell what you did to get this error.

For starters: Where is this font file saved, relative to the .vue file?

[SirM2z]

My directory

 .
└── src
　　　├── App.vue
　　　└── assets
　　　　　　└── font
　　　　　　　　　├── iconfont.css
　　　　　　　　　└── iconfont.eot

In App.vue

@import './assets/font/iconfont.css';

In iconfont.css

@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1510823274364'); /* IE9*/
  /* ... */
}

I do not know exactly what caused it, but it was solved when I added "postcss-url": {} in .postcssrc.js

like this:

In .postcssrc.js

module.exports = {
  "plugins": {
    // to edit target browsers: use "browserslist" field in package.json
    "postcss-import": {},
    "postcss-url": {},
    "autoprefixer": {}
  }
}

[LinusBorg]

Thanks. It seems that makes sense indeed. If someone wants to do a PR:

1. extend .postcssrc.js like OP showed
2. add postcss-url to package.json. Becarefulö not to put it inside a conditional block

[LinusBorg]

That's included now