3.0.0-beta.10 breaks postcss

[doublemarked]

Version

3.0.0-beta.10

Reproduction link

https://github.com/doublemarked/broken-lang-postcss

Steps to reproduce

1. Use postcss in a style block within a .vue file, with or without lang="postcss". For example,

<style>
  .container {
     color: black;
     & .inner {
        color: red;
     }
  }
</style>
<!-- or -->
<style lang="postcss">
  .container {
     color: black;
     & .inner {
        color: red;
     }
  }
</style>

What is expected?

PostCSS should be supported out of the box, as it was with the previous version. The documentation still implies that it's enabled by default.

What is actually happening?

1. When no "lang" is specified, PostCSS is ignored (treated as normal CSS).
2. With lang="postcss" it's breaking the build with an error such as,

 error  in ./src/App.vue?vue&type=style&index=0&lang=postcss

Module parse failed: Unexpected character '#' (13:0)
You may need an appropriate loader to handle this file type.
| 
| 
| #app {
...

---

This worked fine until I upgraded from beta 9 to beta 10.

[doublemarked]

Hey @LinusBorg - I see you labeled this discussion. Does that mean it's working as intended? At least seems like the docs should be clarified?

[LinusBorg]

It means that I'm not sure what we should do with it right now.

[yyx990803]

FYI <style lang="postcss"> was never supposed to work. See #1259

[yyx990803]

Without lang="postcss" it's working as intended.

[doublemarked]

That makes sense. But actually all my code uses the lang attribute, and the build breaks after the upgrade. Is that also as intended?

[yyx990803]

beta 10 has breaking changes due to vue-loader upgrades.

[doublemarked]

Ok, no problem! Thank you for clarifying.