Warn when using with postcss-loader

[coolzjy]

Version

12.2.0

Reproduction link

https://github.com/coolzjy/vue-loader-postcss

Steps to reproduce

1. Init a project using vue-cli and webpack template
2. Install postcss and postcss-loader
3. Edit build/utils.js:

-    css: generateLoaders(),
+    css: generateLoaders('postcss'),

4. npm run dev

What is expected?

Works fine

What is actually happening?

Got warn

[coolzjy]

have tried:

1. set sourceMap: false in postcss-loader config
2. set cssSourceMap: false in vue-loader config
   Still not resolved.

Related issues:
webpack-contrib/postcss-loader#253
webpack-contrib/postcss-loader#264

[applefreak]

Has this ever got solved?

[ghost]

Hi,
I had the same issue with you.
my repo: https://github.com/StarXY/webpackDemo
version: 13.3.0
nodejs: 8.2
OS: win7

[ghost]

maybe a temporary solution.
from

<style lang="postcss"></style>

to

<style ></style>

related: #937

[yyx990803]

There's no need to use postcss-loader with vue-loader. Just use vue-loader' own postcss option.

[blake-newman]

@yyx990803 If not using lang="postcss" ect most IDE layers do not read the contents as postcss but plain css. Thus syntax highlighting is broken. This may be why people are configuring there own loaders which causes warning. I have created a Fix with #1055