webpack文件打包錯誤異常

在進(jìn)行webpack打包前我們要確保已完成的工作：

1）安裝webpack：推薦全局命令 npm install -g webpack 查看webpack版本 webpack -v

2）此時(shí)對文件進(jìn)行打包可能出現錯誤，提示腳手架文件錯誤，因為在webpack4的版本里，CLI被單獨分離出來(lái)了所以要我們單獨安裝 執行全局命令 npm install -g webpack-cli 安裝完腳手架，按理講是可以使用webpack命令進(jìn)行正常打包了。

使用webpack打包文件的一般語(yǔ)法為：（簡(jiǎn)書(shū)上面的webpack入門(mén)教程是這樣說(shuō)的）

# {extry file}出填寫(xiě)入口文件的路徑，本文中就是上述main.js的路徑，
# {destination for bundled file}處填寫(xiě)打包文件的存放路徑
# 填寫(xiě)路徑的時(shí)候不用添加{}
webpack {entry file} {destination for bundled file}

# webpack非全局安裝的情況
node_modules/.bin/webpack app/main.js public/bundle.js

于是執行打包命令 webpack a.js bundle.js 結果還是出現錯誤 WARNING in configuration The ‘mode'option has…..

截圖如下：

出現這個(gè)錯誤提示并不是我們環(huán)境裝錯了，而是webpack4 更新后對webpack語(yǔ)法進(jìn)行了更嚴格的要求

之前的命令被修訂為 webpack a.js –output-filename bundle.js ，執行這句命令發(fā)現打包成功。 截圖如下所示：

到此這篇關(guān)于webpack文件打包錯誤異常的文章就介紹到這了,更多相關(guān)webpack打包錯誤內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！