- 所在位置：
- 首頁(yè) >
- 編程技術(shù) >
- JavaScript >
- webpack文件打包錯(cuò)誤是什么情況?怎樣解決？
webpack文件打包錯(cuò)誤是什么情況?怎樣解決？
Admin 2021-09-07 群英技術(shù)資訊 2109 次瀏覽
webpack文件打包錯(cuò)誤是什么情況?對(duì)于webpack文件打包錯(cuò)誤的情況不少朋友都遇到過(guò)，但是對(duì)于如何解決一些朋友可能不是很了解，對(duì)此這篇文章小編就給大家分享一下webpack文件打包錯(cuò)誤的原因以及解決方法，有需要的朋友可以參考。
在進(jìn)行webpack打包前我們要確保已完成的工作：
1）安裝webpack：推薦全局命令 npm install -g webpack 查看webpack版本 webpack -v
2）此時(shí)對(duì)文件進(jìn)行打包可能出現(xiàn)錯(cuò)誤，提示腳手架文件錯(cuò)誤，因?yàn)樵趙ebpack4的版本里，CLI被單獨(dú)分離出來(lái)了所以要我們單獨(dú)安裝 執(zhí)行全局命令 npm install -g webpack-cli 安裝完腳手架，按理講是可以使用webpack命令進(jìn)行正常打包了。
使用webpack打包文件的一般語(yǔ)法為：（簡(jiǎn)書(shū)上面的webpack入門教程是這樣說(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
于是執(zhí)行打包命令 webpack a.js bundle.js 結(jié)果還是出現(xiàn)錯(cuò)誤 WARNING in configuration The ‘mode'option has…..
截圖如下：
出現(xiàn)這個(gè)錯(cuò)誤提示并不是我們環(huán)境裝錯(cuò)了，而是webpack4 更新后對(duì)webpack語(yǔ)法進(jìn)行了更嚴(yán)格的要求
之前的命令被修訂為 webpack a.js -Coutput-filename bundle.js ，執(zhí)行這句命令發(fā)現(xiàn)打包成功。 截圖如下所示：
關(guān)于webpack打包錯(cuò)誤的原因及解決方法就介紹到這了，其實(shí)解決方法還是比較簡(jiǎn)單的，希望本文能幫助到大家，想要了解更多webpack打包的知識(shí)，請(qǐng)關(guān)注群英網(wǎng)絡(luò)其它相關(guān)文章。
文本轉(zhuǎn)載自腳本之家
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：[email protected]進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，查實(shí)之后，將立刻刪除涉嫌侵權(quán)內(nèi)容。
猜你喜歡
-
Vue跨域訪問(wèn)其他服務(wù)器要做什么配置
Vue開(kāi)發(fā)環(huán)境跨域訪問(wèn)問(wèn)題,Vue開(kāi)發(fā)環(huán)境跨域訪問(wèn)其他服務(wù)器或者本機(jī)其他端口，需要配置項(xiàng)目中config/index.js文件，修改如下
-
useEffect的使用導(dǎo)致閉包怎么辦，如何解決
筆者最近用react useEffect閉包，其中踩到了一些坑在此與大家分享一下。需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
-
JavaScript命令模式用于什么，實(shí)現(xiàn)代碼是怎樣的？
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之命令模式，對(duì)設(shè)計(jì)模式感興趣的同學(xué)，可以參考下
-
Map映射是什么意思，常用方法有哪些
Map是ES6中新增的數(shù)據(jù)結(jié)構(gòu),Map類似于對(duì)象,但普通對(duì)象的 key 必須是字符串或者數(shù)字,而 Map 的 key 可以是任何數(shù)據(jù)類型,這篇文章主要給大家介紹了關(guān)于ECMAScript6中Map映射的基本概念與常用方法,需要的朋友可以參考下
-
如何運(yùn)用jQuery做手風(fēng)琴的圖片展示效果
這篇文章主要為大家詳細(xì)介紹了前端js實(shí)現(xiàn)手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
推薦內(nèi)容
- CSS中flex布局如何實(shí)現(xiàn)自動(dòng)換行？
- 在HTML中如何讓button居中，有幾種方法
- JS中怎樣刪除數(shù)組末尾元素？教你兩種方法
- vue怎樣獲取url參數(shù)?教你兩種方法
- 如何用Python計(jì)算BMI指數(shù)？一文帶你看懂
- python怎樣獲取數(shù)組元素的下標(biāo)？教你三種方法
- python中的ord函數(shù)有什么用？用法是什么？
- Python中array與list轉(zhuǎn)換如何做，方法是什么
- 在CSS中怎么實(shí)現(xiàn)一條橫線，方法是什么
- Python怎樣設(shè)計(jì)串口之間通信的程序
- phpstorm怎么使用和操作？一文帶你快速了解
- vue怎么給對(duì)象數(shù)組賦值？this.$set方法幫你解決
成為群英會(huì)員,開(kāi)啟智能安全云計(jì)算之旅
立即注冊(cè)友鏈合作 群英網(wǎng)絡(luò) 智帝云 主機(jī)評(píng)測(cè) idc公司 商城系統(tǒng) 跨境電商 主機(jī)吧 酷庫(kù)博客 OA系統(tǒng) 騰訊企業(yè)郵箱 銳成信息 sdwan
關(guān)注或聯(lián)系群英網(wǎng)絡(luò)
7x24小時(shí)售前：400-678-4567
7x24小時(shí)售后：0668-2555666
24小時(shí)QQ客服
群英微信公眾號(hào)
CNNIC域名投訴舉報(bào)處理平臺(tái)
服務(wù)電話：010-58813000
服務(wù)郵箱：[email protected]
投訴與建議：0668-2555555
Copyright ? QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版權(quán)所有
增值電信經(jīng)營(yíng)許可證 : B1.B2-20140078 ICP核準(zhǔn)（ICP備案）粵ICP備09006778號(hào) 域名注冊(cè)商資質(zhì) 粵 D3.1-20240008
