Vue CLI是Vue.js官方提供的一個腳手架工具，可以幫助開發者快速搭建Vue.js項目。在Vue CLI中，開發者可以使用各種語法糖和插件來提高開發效率。而在開發Vue.js項目時，我們經常需要導入CSS文件，本文將介紹如何使用Vue CLI導入CSS。

在Vue CLI中，使用CSS很簡單，只需要在.vue文件的

值得注意的是，這里引入的CSS文件路徑是以@符號開頭。這是因為在Vue CLI中，@符號表示src目錄的絕對路徑。

另外，如果我們僅需要將一些全局的CSS樣式應用到項目中，我們也可以在main.js文件中引入CSS文件：

import "@/assets/css/reset.css";

最后，如果我們需要根據不同的環境配置不同的CSS文件，可以在vue.config.js文件中進行配置：

module.exports = {
css: {
loaderOptions: {
sass: {
data: `@import "@/assets/css/variables.scss";`
}
}
}
}

以上就是Vue CLI中導入CSS文件的方法，希望能夠幫助到開發者。