用webapck打包項目時,由於項目使用了json文件,打包完成后,報出了一下錯誤。
webpack本身是支持json文件讀取的,可打包完成后卻報這樣的錯誤,這讓我丈二和尚摸不着頭腦。為了解決問題,我用百度去尋找解決方案,但搜來搜去,沒有找到合適的解決方案,無奈的我只能自己通過報錯來找到問題所在,尋找解決方案。
經過我仔細地閱讀報錯信息,我知道了報此錯誤地原因。這個報錯是babel-loader在報錯,也就是說,打包的時候,babel-loader去解析了json文件。babel是js的編譯工具,可以把js、ts、react的語法,根據需求編譯成瀏覽器識別的代碼。json不屬於js,但現在它被當作了js去解析,因此報出了上邊的錯誤。
知道了錯誤原因,接下來就要根據原因解決問題。我去查看babel-loader的配置,發現test的正則表達式,會匹配.json文件。
我修改了正則表達式,讓其只能匹配.js和.jsx的文件。
重新開始打包,打包完成,沒有再報錯,問題解決。