Importing a CSS file into a Sass file with indented syntax and disabled CSS extraction is not working

[lehni]

Version

3.0.1

Reproduction link

https://github.com/lehni/vue-cli-issue-sass-import-css

Node and OS info

Node v9.11.2, Yarn 1.7.0, macOS 10.13.6

Steps to reproduce

Install this simple test-case and run yarn serve:

https://github.com/lehni/vue-cli-issue-sass-import-css

What is expected?

In projects created with Vue CLI 2, these @import statements were working without problems.

What is actually happening?

It looks like the import statement is wrongly trying to parse the CSS file as indented Sass and then complains about the incompatible syntax:

/*! Hint.css (base version) - v2.5.0 - 2017-04-23
                                                   ^
      Invalid CSS after "...- 2017-04-23 */": expected 1 selector or at-rule, was "* http: {}//kushagr"
      in /Users/lehni/Development/Lineto/vue-cli-issue-sass-import-css/node_modules/hint.css/hint.base.css (line 1, column 53)

While this was fixed for extracted CSS files in #2055, it's still failing working when the CSS isn't extracted.

---

This is a follow-up issue for #2055, which was already fixed. The commit lehni/vue-cli-issue-sass-import-css@75bc63d disables CSS extraction and shows that the problem still occurs in that scenario.