CSS加載器是一種用于Webpack的模塊，它可以在Webpack打包時自動為CSS文件添加前綴，壓縮CSS代碼，生成SourceMap等操作。 在Vue中引入CSS時，需要安裝CSS加載器并進行配置。下面我們詳細介紹如何安裝和使用Vue CSS加載器。

首先，在Vue項目中使用CSS加載器，需要安裝兩個模塊：css-loader和vue-style-loader。

npm install css-loader vue-style-loader --save-dev

這兩個模塊可以按照項目的依賴安裝，使用--save-dev參數將它們安裝到devDependencies中。

接下來是配置Webpack的過程。 在Vue項目根目錄下，找到build/webpack.base.conf.js文件，添加CSS加載器的配置。

module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [
'vue-style-loader',
'css-loader'
],
exclude: /node_modules/
}
]
}
}

這里使用了test和exclude規則來指定CSS文件的處理范圍，可以在這里添加不同的文件后綴和需要忽略的目錄。

在Vue單文件組件中，CSS可以直接寫在組件的