我是跟著bilibili的黑馬課程一起學(xué)習(xí)的這些都是我大概遇到的問題 我會(huì)詳細(xì)記錄下來

剛剛開始學(xué)習(xí) 首先記得保存，因?yàn)槲沂菍W(xué)java的從來不保存，導(dǎo)致不出現(xiàn)效果，但是也不用著急，繼續(xù)跟著學(xué)習(xí)就可以。

P5在配置中或者是說webpack.config.js中里面的module.exports屬性中

mode：運(yùn)行模式

entry：處理那個(gè)文件

output：指定生成那個(gè)文件

????????????????????????????????path：生成存放路徑

????????????????????????????????filename：輸出名字

P10 安裝和配置webpack-dev-server插件遇到重大BUG

原因是可能是webpack版本不行了需要更換新版本

首先刪除

在黑窗口中運(yùn)行

npm install -D webpack-cli@4.9.0 @webpack-cli/update

?重新run 成功運(yùn)行成功

P11? ?odd奇數(shù)選擇器，even偶數(shù)選擇器，從0開始??????

P12? 如何停掉黑窗口的服務(wù)

Ctrl+c 兩次

安裝插件時(shí)候不加版本號(hào)下載的就是最新的

P12安裝html-webpack-plugin插件出現(xiàn)問題

問題解決 大小寫出現(xiàn)錯(cuò)誤?

寫入時(shí)候 自動(dòng)變?yōu)榇髮?

還有大概率問題是不加 ‘ ， ’

修改后注意保存

?P14 在webpack.config.js中的devServer屬性中{

open：ture， //打包后，自動(dòng)打開瀏覽器

host：‘127.0.0.1’，//指定運(yùn)行的主機(jī)地址

port：80 //端口號(hào)配置 http端口號(hào)是80可以省略

}? 配置改動(dòng)必須重啟服務(wù)

P15 以后不會(huì)再html引入css文件樣式 在js引入css文件 但是要配置js

語(yǔ)法為? ?import '’

還需要加入插件? ?npm i style-loader@3.0.0 css-loader@5.2.6 -D

P16 在webpack.config.js中module.exports的module屬性中

moule：{

rules：【定義不同的loader?

? ?{test:/\.css$/,use:['style-loader','css-loader']}

】

}

P20 如何在js引入圖片并設(shè)置

首先進(jìn)行配置

npm i url-loader@4.1.1 file-loader@6.2.0 -D

安裝完成后

在配置文件詳情見9題增加一條

?{test:/\.jpg|png|gif$/,use:'url-loader'}

最后在js寫入綁定圖片與引入

?????import logo from './images/logo.jpg'

??????$('.box').attr('src',logo)

測(cè)試成功

至此 p20筆記