Vue-cli: some css code will disappear when I build the project

Created on 22 Feb 2017 · 2Comments · Source: vuejs/vue-cli

some CSS code will disapper when I run npm run dev .
when I build the whole project by using npm run build command the dist css do not contain some CSS code.

for example, a class named .box

.box{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}

when I npm run dev and check the style in broswer(chrome). I can't find the -webkit-box-orient: vertical;
when I npm run build the dist app.css file do no contain the -webkit-box-orient: vertical either. the others are still there

Source

warwr1ck

👍3

All 2 comments

Hello!
Please, open the issue on the relevant template repo (I think you're using the webpack one) and provide some steps to reproduce the problem.
Thanks!

It's probably removing them but you shouldn't be using those properties:https://developer.mozilla.org/en-US/docs/Web/CSS/box-orient