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

Posted 2023-02-22

【中文标题】使用 vuetify 在开发和生产之间使用不同的#app css

【英文标题】：different #app css between dev and production with vuetify

【发布时间】：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>

【参考方案1】：

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