css - 使用 vuetify 在开发和生产之间使用不同的#app css

Question

我已经用vuetifyand构建了一个应用程序，vue cli当我在开发时没有任何问题。但是在我运行之后npm run build，似乎#app生成了一个新的默认 CSS，并在最终的捆绑文件中覆盖了我的 CSS。就我而言，我网站上的所有文本对齐方式和边距都发疯了。开发模式工作正常，但它只出现在产品中。

控制台中的 CSS

应用程序.vue

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script>
import store from './store'
export default {
  store,
  name: 'App',
  metaInfo: {
    title: '',
    titleTemplate: 
  },
  created: function () {
  }
}
</script>

<style >
#app {
  text-align: unset;
  margin-top: 0px;
}
</style>

Answer 1

解决了。我没有scoped在其中一个已弃用的组件中使用样式，它会影响整个应用程序。奇怪的是它没有出现在开发中