1. 程式人生 > >webpack打包時提示 The ‘mode’ option has not been set......

webpack打包時提示 The ‘mode’ option has not been set......

今天在學習使用webpack,遇到了各種各樣的問題,在此記錄一下,以方便以後打包時遇到同樣問題不知道怎麼解決。

問題一.在執行webpack xx.js bundle.js時提示以下資訊

出現的原因並不是由於我們的命令不對,而是webpack4的語法問題。

出現這個錯誤提示並不是我們環境裝錯了,而是webpack4 更新後對webpack語法進行了更嚴格的要求,之前的命令被修訂為 npx webpack a.js –output-filename bundle.js –output-path . –mode development 
這樣就可以成功對檔案進行打包了

解決方法:使用以下命令代替上面的命令

webpack main.js --output-filename bundle.js --output-path . --mode development

 把main.js 換成自己的檔名稱即可。

編譯通過,在瀏覽器執行html,可以正常執行啦~