我最近在研究Vue的路上，今天遇到了個問題，在vue cli 引入css報錯，后來查詢了很多資料，那么今天也算個學習筆記吧！

1.問題描述

之前用vue-cli搭建的項目，在main.js中引入elementUI庫中的css,或者在其他文件中（比如App.vue）引入自己的css文件（假如你的文件是在src目錄下），都會報一個相同的錯。下如圖

經過一番折騰之后發現需要在build文件下的webpack.base.conf.js中加上下面的代碼即可

{  test: //.css$/,  include: [   /src/,//表示在src目錄下的css需要編譯   '/node_modules/element-ui/lib/'  //增加此項  ],  loader: 'style-loader!css-loader' }, 

另外說明下假如你的css文件是在src目錄下的話就添加src的路徑，如上圖，element-ui或者mint-ui(minit-ui的我沒試過，個人認為也要加上去webpack才能查找到)，假如你的css文件是在其他目錄下的，原理一樣。

注：以上是個人在開發中遇到的一個問題以及解決方式，如有出入或者不嚴謹地方還請指出！希望能夠幫到您。在此也非常感謝大家對武林網網站的支持！