如何在生产构建Vue上安排CSS订单？

我的项目中有CSS问题，我希望我的CSS像这样加载 （1px border override 2px border）在我的开发环境中，但是当我在我的生产环境中尝试它时，它变成了这样（2px border override 1px border）。这是我的vuetify.js：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import '../theme/default.styl'
Vue.use(Vuetify, {
  theme: {
    primary: '#ee44aa',
    secondary: '#59595c',
    accent: '#82B1FF',
    error: '#FF5252',
    info: '#2196F3',
    success: '#4CAF50',
    warning: '#FFC107'
  },
  customProperties: true,
  iconfont: 'fa4',
})

这是我的main.js：

import Vue from "vue";
import './plugins/vuetify'
import App from "./App.vue";
import router from "./router/";
import store from "./store";
import "./registerServiceWorker";
import 'roboto-fontface/css/roboto/roboto-fontface.css';
import 'font-awesome/css/font-awesome.css';
import axios from "axios";

这是我的default.styl（在这里我覆盖Vuetify CSS）：

---

不要将代码添加为图片。将代码包含到您的问题完成中，我添加了一个额外的代码

@import '~vuetify/src/stylus/main.styl'
body
  font-family: "Poppins" !important
  font-size: $font-size-root
  font-weight: $font-weights.regular
  line-height: $line-height-root
h1
  font-size: 48px
  font-weight: $font-weights.thin
  letter-spacing: -1.5