關(guān)于這個(gè)webpack4配置vue環(huán)境主要是通過(guò)學(xué)習(xí)慕課網(wǎng)Vue+Webpack打造todo應(yīng)用的課程顶别,然后一步一步跟著老師敲代碼浩姥,并理解每一個(gè)步驟鸵贬。
但由于老師的webpack是3.10.0版本的嘀趟,而我在學(xué)習(xí)這個(gè)課程時(shí)webpack已經(jīng)升級(jí)到4.17.1版本的嚷狞,所以在操作過(guò)程中如果完全按照老師的方法,那么需要留意老師安裝的所有的包的版本號(hào)佃牛,自己操作過(guò)程中安裝每一個(gè)包都在后面添加@版本號(hào)淹辞,那么就可以解決因版本不同造成的錯(cuò)誤。但我在操作時(shí)吁脱,并沒(méi)有如以上的做法去解決版本的問(wèn)題桑涎,而是依舊用自己學(xué)習(xí)時(shí)webpack的最新版本進(jìn)行操作彬向,出錯(cuò)后在網(wǎng)上找解決方法兼贡,這里我主要是參考https://blog.csdn.net/weixin_40814356/article/details/80625747(webpack4配置vue環(huán)境和一些小坑。)這個(gè)博客給出的一些方法和操作娃胆。
但是在參考這個(gè)博客文章并操作時(shí)遍希,我也發(fā)現(xiàn)了一些問(wèn)題,第一是這個(gè)博客文章中的少了幾個(gè)安裝包里烦,以下是我安裝的所有的安裝包的內(nèi)容凿蒜,可以參考以下
第二個(gè)問(wèn)題是,我按照該博客文章的方法單獨(dú)打包vue代碼胁黑,但是還是會(huì)出現(xiàn)錯(cuò)誤废封,最后自己查看webpack官方文檔找到了解決的方法,
自此丧蘸,聽(tīng)課+參考博客+官方文檔漂洋,完成了webpack4配置vue環(huán)境