這篇文章將為大家詳細(xì)講解有關(guān)怎么用Vue-cli搭建的項目中引入css報錯的原因分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了麻山免費建站歡迎大家使用！

1.問題描述

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

經(jīng)過一番折騰之后發(fā)現(xiàn)需要在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的我沒試過，個人認(rèn)為也要加上去webpack才能查找到)，假如你的css文件是在其他目錄下的，原理一樣。

注：以上是個人在開發(fā)中遇到的一個問題以及解決方式，如有出入或者不嚴(yán)謹(jǐn)?shù)胤竭€請指出！希望能夠幫到您。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！

關(guān)于“怎么用Vue-cli搭建的項目中引入css報錯的原因分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。