[next branch] requiring css that imports another assets causes runtime error

Is this a bug report?

Yes

Can you also reproduce the problem with npm 4.x?

haven’t tried it yet, but it works on the same env, same code, but v1 react-scripts

Which terms did you search for in User Guide?

N/A

Environment

Environment: OS: macOS High Sierra 10.13.2 Node: 8.9.4 Yarn: 1.3.2 npm: 5.6.0 Watchman: Not Found

Packages: (wanted => installed) react: ^16.2.0 => 16.2.0 react-dom: ^16.2.0 => 16.2.0 react-scripts: 2.0.0-next.096703ab => 2.0.0-next.096703ab

Browser: Chrome Version 63.0.3239.132 (Official Build) (64-bit)

Steps to Reproduce

1. create new app
2. yarn add react-slick
3. import 'slick-carousel/slick/slick-theme.css' or require('slick-carousel/slick/slick-theme.css'); in index.css

Expected Behavior

No runtime error

Actual Behavior

A runtime error

Reproducible Demo

https://github.com/viankakrisna/create-react-app-example/blob/master/src/index.js

[gaearon]

We are aware of that issue, see https://github.com/facebook/create-react-app/issues/3856

[jihchi]

Hi,

I’ve same issue with react-scripts@2.0.0-next.9754a231. Both regular css and css module have same result.

regular css

body {
  background-image: url('./logo.svg');
  ...
}

css module

.bg-svg {
  background-image: url('./logo.svg');
}

Here is the reproducible code: https://github.com/jihchi/create-react-app-3852