vue打包部署时页面布局混乱

vue打包部署时，本地页面是非常完美的，部署到tomcat上时，布局就混乱了
我用的是vue+bootstrapvue，在style后面加了scoped部分页面在tomcat上是正常的，但bootstrapvue组件我重新写样式的style不生效
解决办法是：main,js中的顺序问题
.css必须放在./App和./router前面
还有就是每个vue组件里的style要加scoped,这很关键，起到css不被组件之间重叠的作用。

import Vue from 'vue'
import config from '@/config'
import {BootstrapVue, BootstrapVueIcons} from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import animate from 'wowjs/css/libs/animate.css'
import App from './App'
import router from './router'