webpack檔案打包錯誤異常
阿新 • • 發佈:2021-07-26
在進行webpack打包前我們要確保已完成的工作:
1)安裝webpack:推薦全域性命令 npwww.cppcns.comm instalnSPzVaIl -g webpack 檢視webpack版本 webpack -www.cppcns.comv
2)此時對檔案進行打包可能出現錯誤,提示腳手架檔案錯誤,因為在webpack4的版本里,CLI被單獨分離出來了所以要我們單獨安裝 執行全域性命令 npm install -g webpack-cli 安裝完腳手架,按理講是可以使用webpack命令進行正常打包了。
使用webpack打包檔案的一般語法為:(簡書上面的webpack入門教程是這樣說的
# {extry file}出填寫入口檔案的路徑,本文中就是上述main.的路徑, # {destination for bundled file}處填寫打包檔案的存放路徑 # 填寫路徑的時候不用新增{} webpack {entry file} {destination for bundled file} # webpack非全域性安裝的情況 node_modules/.bin/webpack app/main.js public/bundle.js
於是執行打包命令 webpack a.js bundle.js 結果還是出現錯誤 WARNING inSPzVaIn configuration The ‘mode'option has…..
截圖如下:
出現這個錯誤提示並不是我們環境裝錯了,而是webpack4 更新後對webpack語法進行了更嚴格的要求
之前的命令被修訂為 webpack a.js –output-filename bundle.js ,執行這句命令發現打包成功。nSPzVaI 截圖如下所示:
到此這篇關於webpack檔案打包錯誤異常的文章就介紹到這了,更多相關webpack打包錯誤內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!