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)書上面的webpack入門教程是這樣說(shuō)的）
# {extry file}出填寫入口文件的路徑，本文中就是上述main.js的路徑，
# {destination for bundled file}處填寫打包文件的存放路徑
# 填寫路徑的時(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 –output-filename bundle.js ，執(zhí)行這句命令發(fā)現(xiàn)打包成功。 截圖如下所示：
到此這篇關(guān)于webpack文件打包錯(cuò)誤異常的文章就介紹到這了,更多相關(guān)webpack打包錯(cuò)誤內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- 教你使用webpack打包編譯TypeScript代碼
- 使用webpack和rollup打包組件庫(kù)的方法
- vue打包通過(guò)image-webpack-loader插件對(duì)圖片壓縮優(yōu)化操作
- vue-cli+webpack項(xiàng)目打包到服務(wù)器后,ttf字體找不到的解決操作
- vue 解決uglifyjs-webpack-plugin打包出現(xiàn)報(bào)錯(cuò)的問(wèn)題
- 詳解Webpack4多頁(yè)應(yīng)用打包方案
- 深入webpack打包原理及l(fā)oader和plugin的實(shí)現(xiàn)
- 詳解使用mocha對(duì)webpack打包的項(xiàng)目進(jìn)行"冒煙測(cè)試"的大致流程
相關(guān)文章
這篇文章主要介紹了在Iframe中獲取父窗口中表單的值(示例代碼)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
js實(shí)現(xiàn)類似MSN提示的頁(yè)面效果代碼分享
這篇文章主要介紹了模仿MSN消息提示的效果,推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了BootStrap3使用錯(cuò)誤記錄及解決辦法,需要的朋友可以參考下2016-12-12
這篇文章主要給大家介紹了關(guān)于Webpack2中路徑配置的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-06-06
本篇文章主要介紹了微信小程序（六）：列表上拉加載下拉刷新示例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-01-01
這篇文章主要為大家詳細(xì)介紹了小程序文字跑馬燈效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
如何用js實(shí)現(xiàn)鼠標(biāo)向上滾動(dòng)時(shí)浮動(dòng)導(dǎo)航
今天給大家介紹一下使用JavaScript判斷鼠標(biāo)滑輪是不是向上滾動(dòng)，當(dāng)向上滾動(dòng)的時(shí)候，導(dǎo)航條浮動(dòng)在頂部位置。示例代碼如下。2016-07-07
JS實(shí)現(xiàn)獲取本月的開始時(shí)間與結(jié)束時(shí)間
在JavaScript中,可以使用Date對(duì)象來(lái)獲取本月的開始時(shí)間和結(jié)束時(shí)間,本文通過(guò)代碼示例詳細(xì)的給大家介紹了JS獲取本月的開始時(shí)間與結(jié)束時(shí)間,感興趣的小伙伴跟著小編一起來(lái)看看吧2023-08-08
1. 保持無(wú)侵入性，標(biāo)記不想知道你的JavaScript代碼；2. 嚴(yán)禁修改和擴(kuò)展Object.prototype!；3. 對(duì)JavaScript內(nèi)建對(duì)象的擴(kuò)展越少越好；4. 跟隨標(biāo)準(zhǔn)；5. 或著跟隨主導(dǎo) ；6. 保持靈活；7. 管理內(nèi)存；8. 淘汰瀏覽器嗅探；9. 小巧更佳……2009-01-01
javascript eval函數(shù)深入認(rèn)識(shí)
發(fā)現(xiàn)為本文起一個(gè)合適的標(biāo)題還不是那么容易，呵呵，所以在此先說(shuō)明下本文的兩個(gè)目的2009-02-02