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

【问题标题】：different #app css between dev and production with vuetify使用 vuetify 在开发和生产之间使用不同的#app css
【发布时间】：2020-07-01 08:54:22
【问题描述】：

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

CSS in the console

App.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>

【问题讨论】：

标签： css vue.js webpack vuetify.js vue-cli

【解决方案1】：

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

【讨论】：