Invalid src:url for font-face when building a library

Version

3.0.1

Reproduction link

https://github.com/qspoerri/vue-cli-font

Node and OS info

Yarn 1.6.0 / Node 8.11.3 / Windows 7 professional

Steps to reproduce

run yarn build-lib to generate a library build

What is expected?

The font-face’s src:url should be set correctly.

What is actually happening?

When generating a library containing fonts, the dist directory has the following structure:

.
 -- fonts
|    -- FiraSans-Bold.bf0aaa9c.woff
|    -- FiraSans-Book.6d4e4a15.woff
|    -- FiraSans-Light.29430787.woff
|-- img
|     -- logo.82b9c7a5.png
 -- logo.82b9c7a5.png
 -- myLib.common.js
 -- myLib.css
 -- myLib.umd.js

Unfortunately, in myLib.css the urls for the font-faces seems incorrect moving to the parent directory:

@font-face{font-family:FiraSans-Book;font-style:normal;font-weight:400;src:url(../fonts/FiraSans-Book.6d4e4a15.woff)} 

Therefore, when using the library the font-face is not loaded correctly.

---

The problem occured when I was trying to create a library of shared components to be reused across serveral different application.

For consistency, the fonts should be included in the library

[crazyxhz]

@yyx990803 can you release this bug fix? I’m also having a library who’s font is broken now 😂

[katerlouis]

Bam, and then why not go straight to 3.0.3 😄

So the change wasn’t in there although it got commited before 3.0.1? Crazy! Just when I think I started to understand Git 😄