CSS Vendors file is empty in production build

[edy]

Is this a bug report?

yes

Did you try recovering your dependencies?

yes

Which terms did you search for in User Guide?

Fonts

Environment

$ npx create-react-app --info
npx: installed 67 in 8.4s

Environment:
  OS:  Linux 4.4
  Node:  10.4.1
  Yarn:  0.17.10
  npm:  6.1.0
  Watchman:  Not Found
  Xcode:  N/A
  Android Studio:  Not Found

Packages: (wanted => installed)
  react: ^16.4.1 => 16.4.1
  react-dom: ^16.4.1 => 16.4.1
  react-scripts: ^2.0.0-next.3e165448 => 2.0.0-next.3e165448

Steps to Reproduce

I used react-scripts@2.0.0-next.3e165448 and tried to add a font from npm (typeface-aguafina-script). After building the app and looking at it in the browser, the default browser font is used. In development mode the Font is displayed correctly.

With import 'typeface-aguafina-script'; I imported the font in index.js and set font-family: 'Aguafina Script'; in the body section of my index.css

Development:

1. git clone https://github.com/edy/cra-font-build-test.git
2. cd cra-font-build-test
3. npm start

Production:

1. git clone https://github.com/edy/cra-font-build-test.git
2. cd cra-font-build-test
3. npm run build
4. npx serve -s build

Expected Behavior

In development mode you can see the font Aguafina Script. I expect that after building the app, i should also see the font.

Actual Behavior

CRA builds the app correctly and copies the fonts into build/static/media. however, the generated file build/static/css/vendors.[hash].chunk.css is empty.

Development:

Production:

Reproducible Demo

1. git clone https://github.com/edy/cra-font-build-test.git
2. cd cra-font-build-test
3. npm run build
4. npx serve -s build

I included the build folder in my test repository, too.

[bugzpodder]

EDIT: was able to get a proper repo.

[bugzpodder]

Should be fixed by #4706