webpack文件打包錯誤異常

Posted on by

在進行webpack打包前我們要確保已完成的工作：

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

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

使用webpack打包文件的一般語法為：（簡書上面的webpack入門教程是這樣說的）

# {extry file}出填寫入口文件的路徑，本文中就是上述main.js的路徑，
# {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 in configuration The ‘mode’option has…..

截圖如下：

這裡寫圖片描述

出現這個錯誤提示並不是我們環境裝錯瞭，而是webpack4 更新後對webpack語法進行瞭更嚴格的要求

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

這裡寫圖片描述

到此這篇關於webpack文件打包錯誤異常的文章就介紹到這瞭,更多相關webpack打包錯誤內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：