用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文件是在其他目錄下的，原理一樣。
注：以上是個人在開發中遇到的一個問題以及解決方式，如有出入或者不嚴謹地方還請指出！希望能夠幫到您。