webpack打包css檔案時,确認css-loader和style-loader都安裝正确,且import路徑都正确,打包反複報錯: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.
報錯資訊:
package.json
loader都安裝了,版本比較新。
webpack.config.js
按照視訊裡的這樣配置webpack.config.js檔案,百度了很多,大多都是這樣配置的。也有更舊版本的寫法。然而,問題就出在這裡!找了很久沒找到答案,于是去webpack官網去看,發現配置的方法改變了。
官網的配置是這樣的:
注意!!要這樣寫!test:/\.css$/i 才對,還有loader這裡用的是雙引号,我試過單引号也可以。最終問題就出現在test後面的i。
打包成功!!
最後說一句,有官方文檔的,最好檢視官方文檔學習。
好吧,經過我的再研究,發現是test後面不需要引号!!但畢竟這是我一個經曆過程,還是想記錄下來。
我是一個小白,輕噴。