在Vue應用中，樣式表是前端開發中不可缺少的一部分。Vue提供了不少方式來控制應用中的樣式，包括組件內聯樣式、局部樣式和全局樣式。本文將重點介紹Vue的全局CSS配置。

Vue的全局CSS配置是在vue.config.js配置文件中定義的。該配置文件在新建Vue應用時自動生成，或者手動創建一個這樣的文件。在該文件中，可以通過css.loaderOptions全局配置CSS的相關屬性。

module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/styles/main.scss";`
}
}
}
}

在該配置中，sass是一個CSS預處理器，@import表示將某個CSS文件引入到Vue中。可以根據項目需要選擇相應的CSS預處理器，比如Sass、Less、Stylus等等。

除了引入外部CSS文件，還可以在全局CSS配置中添加CSS變量。這里以Sass為例：

module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `
$primary: #2196f3;
$secondary: #3f51b5;
$accent: #ff9800;
`
}
}
}
}

定義了這些CSS變量后，在Vue組件中就可以使用這些變量了：

<template><div class="container"><h1 class="title">{{ title }}<p class="text">{{ text }}
</div></template><style lang="scss">.container {
background-color: $primary;
color: $secondary;
}
.title {
font-size: 2rem;
color: $accent;
}
.text {
font-size: 1rem;
}
</style>

在.vue文件中定義的CSS樣式也可以全局配置，通過設置styleResources選項，可以將一個包含所有全局CSS的文件引入到Vue中。例如，在vue.config.js文件中添加如下內容：

module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `
$primary: #2196f3;
$secondary: #3f51b5;
$accent: #ff9800;
`
}
},
requireModuleExtension: true,
sourceMap: true,
styleResources: {
scss: ['./src/assets/style.scss']
}
}
}

styleResources屬性告訴Vue去哪個文件中查找樣式定義。在上述代碼中，樣式文件被添加到了./src/assets/style.scss文件中。

總之，全局CSS配置是Vue重要的功能之一，可以極大增強Vue應用的樣式表現力。通過本文介紹的方式，你可以在應用中添加CSS變量、引入外部CSS文件、設置全局樣式等等。