different css outputs from serve and build script

[you06]

Version

3.0.0-beta.3

Reproduction link

https://github.com/you06/vue-cli-css-issue

Steps to reproduce

The following css is in https://github.com/you06/vue-cli-css-issue/blob/master/src/components/HelloWorld.vue#L19

background-image: linear-gradient(top, #ffffff, #2196F3);

running yarn build, check the style from chrome, webkit compatible is auto added

background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#2196F3));
background-image: linear-gradient(top, #ffffff, #2196F3);

running yarn serve, check the style from chrome, there is no webkit compatible

background-image: linear-gradient(top, #ffffff, #2196F3);

What is expected?

I think the serve and build script should get the same output.

What is actually happening?

The css output is different.

[yyx990803]

Can't reproduce... the webkit prefixed version is there for me with yarn serve as well.

[you06]

Try yarn build, and open dist/index.html.

Sorry I made a mistake, no webkit prefixed in yarn build instead of yarn serve.