webpack打包c(diǎn)ss文件時(shí),確認(rèn)css-loader和style-loader安裝正確,import路徑都正確,打包反復(fù)報(bào)錯(cuò)

webpack打包c(diǎn)ss文件時(shí),確認(rèn)css-loader和style-loader都安裝正確,且import路徑都正確,打包反復(fù)報(bào)錯(cuò):ERROR in ./src/assets/styles/test.css 1:0Module parse failed: Unexpected token (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

報(bào)錯(cuò)信息:

package.json

loader都安裝了,版本比較新。

webpack.config.js

按照視頻里的這樣配置webpack.config.js文件,百度了很多,大多都是這樣配置的。也有更舊版本的寫法。然而,問題就出在這里!找了很久沒找到答案,于是去webpack官網(wǎng)去看,發(fā)現(xiàn)配置的方法改變了。

官網(wǎng)的配置是這樣的:

注意?。∫@樣寫!test:/\.css$/i 才對(duì),還有l(wèi)oader這里用的是雙引號(hào),我試過單引號(hào)也可以。最終問題就出現(xiàn)在test后面的i。

打包成功!!

最后說一句,有官方文檔的,最好查看官方文檔學(xué)習(xí)。

好吧,經(jīng)過我的再研究,發(fā)現(xiàn)是test后面不需要引號(hào)!!但畢竟這是我一個(gè)經(jīng)歷過程,還是想記錄下來。

我是一個(gè)小白,輕噴。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容