webpack loader 和plugin的區(qū)別是什么替蛉？
loader:加載器=>加載文件 (load文件)
plugin:插件=>加強(qiáng)功能? plugin的功能更加豐富不僅局限于資源的加載
安裝sass-loader
npm install sass-loader sass webpack --save-dev //安裝
安裝less-loader
npm install less less-loader --save-dev? //安裝
安裝stylus-loader
npm install stylus stylus-loader --save-dev //安裝命令
webpack引入圖片
npm install image-webpack-loader --save-dev
webpack import()懶加載
懶加載：用import()來(lái)接收? 然后接收到的結(jié)果返回一個(gè)promise? ?promise.then返回成功函數(shù)和失敗函數(shù) 成功傳入 module 然后用module.defaule來(lái)接收 鏈接路徑不對(duì)時(shí)執(zhí)行失敗函數(shù)
webpack 一鍵部署到github? ??
? ? ?=>>>>兩種方法?
第一種：
①在.gitignore 中刪掉之前隱藏的/dist/ 這句
②重新git add .? ? git commit? ? git push? ? ?然后找到github代碼預(yù)覽鏈接 在后面增加 dist/index.html?點(diǎn)擊查看案例預(yù)覽鏈接
第二種：? 弄之前一個(gè)定要保存?
分支 主要思路 一個(gè)main分支無(wú)dist目錄上傳? 增加另一個(gè)（links）分支? （只要dist目錄用來(lái)預(yù)覽）主要操作如下：
新建一個(gè)分支 ：git branch links
進(jìn)入這個(gè)分支：git checkout links (保存分支提交)
遇到誤刪重置: git reset --hard HEAD
復(fù)制dist文件里面的所有文件在當(dāng)前目錄? ? mv dist/* ./
刪除dist目錄? rm -rf dist
然后上傳上分支
用第二種方法方法太麻煩了 有沒(méi)有簡(jiǎn)單的方法=====>>>>>>部署腳本
git checkout main //回到主分支?
新建一個(gè)deploy.sh文件?
deploy.sh 文件內(nèi)容如下：
yarn?build?&&git?checkout?links?&&
rm?-rf?*.html?*.js?*.css?*.png?&&
mv?dist/*?./?&&
rm?-rf?dist;
git?add?.?&&
git?commit?-m?'update'?&&
git?push &&?
git checkout -? //-相當(dāng)于回到來(lái)的時(shí)候的頁(yè)面（上一級(jí)）
運(yùn)行 ：sh? ./deploy.sh? ? ?//后面的為sh的文件名字
