今天早上，幫群里朋友解決問題。很簡(jiǎn)單的一個(gè)webpack打包，結(jié)果一直通不過。我手頭事不多，想著自己試試。
結(jié)果發(fā)現(xiàn)，確實(shí)有問題！各方面查了資料之后發(fā)現(xiàn)，4和3還是有很大區(qū)別的。
好了，廢話不多說。
-
提示安裝問題
報(bào)錯(cuò)截圖1
這是遇見的第一個(gè)問題，一直提示安裝 webpack-cli 。
這個(gè)是因?yàn)閣ebpack4把 webpack 和webpack-cli 分開了，將命令行相關(guān)的都遷移至webpack-cli，光安裝了webpack是不行的。
輸入 yes 然后回車，稍等一會(huì)兒，webpack-cli就安裝好了。之后我們的命令繼續(xù)執(zhí)行，就可以了
注意：安裝時(shí)記得安裝在同一目錄下，否則會(huì)一直讓你安裝
- 不能找到
build/index.js文件
報(bào)錯(cuò)截圖2
這個(gè)問題，是因?yàn)?webpack 4 引入的模式，包括 development、production、none 三個(gè)值，我們不傳入值的話，會(huì)默認(rèn)使用 production。
我們傳入 --mode development 就可以了
3.假如不指定輸入 、輸出呢
報(bào)錯(cuò)截圖3
就會(huì)報(bào) 上面的錯(cuò)
這也是 webpack 4 引入的特性，默認(rèn)輸入文件位置在 src/index.js 下
所以不指定輸入輸出 就需要?jiǎng)?chuàng)建一個(gè)src文件 把輸入的文件放在里面.
今天就到這里了。
