欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

webpack文件打包錯(cuò)誤異常

 更新時(shí)間：2021年07月23日 08:57:00   作者：lala_shine  
這篇文章主要介紹了webpack文件打包錯(cuò)誤異常,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

在進(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入門(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

于是執(zhí)行打包命令 webpack a.js bundle.js 結(jié)果還是出現(xiàn)錯(cuò)誤 WARNING in configuration The ‘mode'option has…..

截圖如下：

這里寫(xiě)圖片描述

出現(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)打包成功。 截圖如下所示：

這里寫(xiě)圖片描述

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

相關(guān)文章

  • JavaScript實(shí)現(xiàn)LRU緩存的三種方式詳解

    JavaScript實(shí)現(xiàn)LRU緩存的三種方式詳解

    LRU全稱為L(zhǎng)east?Recently?Used，即最近使用的。針對(duì)的是在有限的內(nèi)存空間內(nèi)，只緩存最近使用的數(shù)據(jù)（即get和set的數(shù)據(jù)）。本文介紹了JavaScript實(shí)現(xiàn)LRU緩存的三種方式，需要的可以參考一下
    2022-06-06
  • List the Codec Files on a Computer

    List the Codec Files on a Computer

    List the Codec Files on a Computer...
    2007-06-06
  • js實(shí)現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)

    js實(shí)現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-03-03
  • console.log()與console.dir()的區(qū)別及說(shuō)明

    console.log()與console.dir()的區(qū)別及說(shuō)明

    這篇文章主要介紹了console.log()與console.dir()的區(qū)別及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-01-01
  • js數(shù)組去重的N種方法(小結(jié))

    js數(shù)組去重的N種方法(小結(jié))

    本文給大家收藏整理了js數(shù)組去重的n種方法，大家可以根據(jù)自己需要選擇比較好的方法，感興趣的朋友一起看看吧
    2018-06-06
  • ES6下子組件調(diào)用父組件的方法(推薦)

    ES6下子組件調(diào)用父組件的方法(推薦)

    ES6下如何實(shí)現(xiàn)子組件調(diào)用父組件？下面小編就為大家分享一篇ES6下子組件調(diào)用父組件的方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02
  • 11個(gè)Javascript小技巧幫你提升代碼質(zhì)量(小結(jié))

    11個(gè)Javascript小技巧幫你提升代碼質(zhì)量(小結(jié))

    這篇文章主要介紹了11個(gè)Javascript小技巧幫你提升代碼質(zhì)量(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • JavaScript網(wǎng)格中的最小路徑講解

    JavaScript網(wǎng)格中的最小路徑講解

    這篇文章主要介紹了JavaScript網(wǎng)格中的最小路徑講解，所有路徑經(jīng)過(guò)的單元格的?值之和?加上?所有移動(dòng)的?代價(jià)之和?。從?第一行?任意單元格出發(fā)，返回到達(dá)?最后一行?任意單元格的最小路徑代價(jià)
    2022-06-06
  • 微信小程序?qū)崿F(xiàn)折疊面板

    微信小程序?qū)崿F(xiàn)折疊面板

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)折疊面板的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-01-01
  • Bootstrap實(shí)現(xiàn)各種進(jìn)度條樣式詳解

    Bootstrap實(shí)現(xiàn)各種進(jìn)度條樣式詳解

    本篇文章主要介紹了Bootstrap實(shí)現(xiàn)各種進(jìn)度條樣式詳解 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-04-04

最新評(píng)論