第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

webpack深入與實(shí)戰(zhàn)

難度中級(jí)
時(shí)長(zhǎng) 3小時(shí)21分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.60
259人評(píng)價(jià) 查看評(píng)價(jià)
9.8 內(nèi)容實(shí)用
9.5 簡(jiǎn)潔易懂
9.5 邏輯清晰
webpack 4.1.1版本 運(yùn)行命令提示需要安裝webpack-cli 解決方法(任選其一):
1. npm install webpack-cli -D
2.在config配置文件中加入配置:mode: 'development'或者 mode: 'production'
module.exports={
mode: 'development',
......
}
版本不一樣 處理方式不一樣
webpack新官網(wǎng): https://webpack.js.org/
參考網(wǎng)址 http://blog.csdn.net/u013446264/article/details/51114276
解決webpack不是內(nèi)部命令:需要設(shè)置環(huán)境變量時(shí)也將NODE_PATH添加到path中
https://github.com/weiyastory/HowUseWebpack.git 筆記總結(jié)
https://github.com/weiyastory/HowUseWebpack.git
同學(xué)們注意了,必考點(diǎn):webpack新版不能直接使用webpack這個(gè)命令,已經(jīng)分離到了webpack-cli之中。但四使用webpack-cli還是不能使用,有很多坑。采用降級(jí),使用3.11.0這個(gè)版本是好的,親測(cè)有效哦。可以在package。json之中來指定版本,再使用npm i來安裝
樓上說【使用chunks的時(shí)候可以有script標(biāo)簽,但不能注釋,注釋了就會(huì)報(bào)錯(cuò)OTL】
我這邊運(yùn)行情況是:存在注釋的前提下,script標(biāo)簽直接引用的js資源(<script type="text/javascript" src="./src/script/a.js"></script>)可以任意,如果通過模板語(yǔ)法引用js資源(<script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks.c.entry %>"></script>),則必須跟chunks里的邏輯保持一致(生成的頁(yè)面會(huì)重復(fù)引用js資源)。
我運(yùn)行webpack hello.js bundle.js報(bào)路徑出錯(cuò)----ERROR in multi ./hello.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in...
實(shí)測(cè),如果webpack、babel等的版本與視頻一致且操作也與視頻完全一致的情況下,如果出現(xiàn)ES6沒有轉(zhuǎn)換成ES5的情況:
1、原因:exclude和include語(yǔ)句導(dǎo)致,去掉這兩個(gè)語(yǔ)句即可轉(zhuǎn)換成功,但速度很慢;
2、修改:將exclude:'./node_modules/'改成exclude:/node_modules/,即去掉引號(hào)改成類似正則表達(dá)式的形式即可。include也這樣改或者不要均可。
3、視頻中在沒有加上兩個(gè)語(yǔ)句前是轉(zhuǎn)換成功的,無疑;但老師加上exclude和include語(yǔ)句后僅僅看到打包速度加快,但加上這兩句后沒有測(cè)試是否也是轉(zhuǎn)換成功的,因此不排除老師這里出錯(cuò)的可能。
npm install webpack@3.5.3 -g
npm install webpack@3.5.3 --save-dev
不帶版本號(hào)安裝的話目前會(huì)安裝版本4.0.1了 個(gè)人覺得3.5.3這個(gè)版本比較好用
D:\我的工作文件夾-lee>npm install webpack -g
npm WARN rollback Rolling back hoek@2.16.3 failed (this is probably harmless): EPERM: operation not permitted, lstat
全局安裝,一直不成功,查不到版本號(hào),求解,謝謝老師
講得非常細(xì),很贊!
課程須知
1、對(duì)模塊化開發(fā)有一些了解 2、使用過 node 對(duì) npm 有基本的了解 3、對(duì)打包有一個(gè)基本的概念
老師告訴你能學(xué)到什么?
1、模塊化的開發(fā) 2、webpack 的 CLI (命令行) 3、webpack 如何在項(xiàng)目中打包 4、webpack 如何處理項(xiàng)目中的資源文件

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消