webpack文件打包錯誤異常
在進行webpack打包前我們要確保已完成的工作：
1）安裝webpack：推薦全局命令 npm install -g webpack 查看webpack版本 webpack -v
2）此時對文件進行打包可能出現(xiàn)錯誤，提示腳手架文件錯誤，因為在webpack4的版本里，CLI被單獨分離出來了所以要我們單獨安裝 執(zhí)行全局命令 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
于是執(zhí)行打包命令 webpack a.js bundle.js 結果還是出現(xiàn)錯誤 WARNING in configuration The ‘mode'option has…..
截圖如下：
出現(xiàn)這個錯誤提示并不是我們環(huán)境裝錯了，而是webpack4 更新后對webpack語法進行了更嚴格的要求
之前的命令被修訂為 webpack a.js –output-filename bundle.js ，執(zhí)行這句命令發(fā)現(xiàn)打包成功。 截圖如下所示：
到此這篇關于webpack文件打包錯誤異常的文章就介紹到這了,更多相關webpack打包錯誤內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
JavaScript實現(xiàn)LRU緩存的三種方式詳解
LRU全稱為Least?Recently?Used，即最近使用的。針對的是在有限的內(nèi)存空間內(nèi)，只緩存最近使用的數(shù)據(jù)（即get和set的數(shù)據(jù)）。本文介紹了JavaScript實現(xiàn)LRU緩存的三種方式，需要的可以參考一下2022-06-06
List the Codec Files on a Computer
List the Codec Files on a Computer...2007-06-06
js實現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)
這篇文章主要為大家詳細介紹了js實現(xiàn)ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
console.log()與console.dir()的區(qū)別及說明
這篇文章主要介紹了console.log()與console.dir()的區(qū)別及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
本文給大家收藏整理了js數(shù)組去重的n種方法，大家可以根據(jù)自己需要選擇比較好的方法，感興趣的朋友一起看看吧2018-06-06
ES6下如何實現(xiàn)子組件調(diào)用父組件？下面小編就為大家分享一篇ES6下子組件調(diào)用父組件的方法。希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
11個Javascript小技巧幫你提升代碼質(zhì)量(小結)
這篇文章主要介紹了11個Javascript小技巧幫你提升代碼質(zhì)量(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了JavaScript網(wǎng)格中的最小路徑講解，所有路徑經(jīng)過的單元格的?值之和?加上?所有移動的?代價之和?。從?第一行?任意單元格出發(fā)，返回到達?最后一行?任意單元格的最小路徑代價2022-06-06
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)折疊面板的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
本篇文章主要介紹了Bootstrap實現(xiàn)各種進度條樣式詳解 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04