webpack 打包json文件,報 Unexpected token, expected ";"錯誤解決方案


用webapck打包項目時,由於項目使用了json文件,打包完成后,報出了一下錯誤。

webpack本身是支持json文件讀取的,可打包完成后卻報這樣的錯誤,這讓我丈二和尚摸不着頭腦。為了解決問題,我用百度去尋找解決方案,但搜來搜去,沒有找到合適的解決方案,無奈的我只能自己通過報錯來找到問題所在,尋找解決方案。

經過我仔細地閱讀報錯信息,我知道了報此錯誤地原因。這個報錯是babel-loader在報錯,也就是說,打包的時候,babel-loader去解析了json文件。babel是js的編譯工具,可以把js、ts、react的語法,根據需求編譯成瀏覽器識別的代碼。json不屬於js,但現在它被當作了js去解析,因此報出了上邊的錯誤。

知道了錯誤原因,接下來就要根據原因解決問題。我去查看babel-loader的配置,發現test的正則表達式,會匹配.json文件。

我修改了正則表達式,讓其只能匹配.js和.jsx的文件。

重新開始打包,打包完成,沒有再報錯,問題解決。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM