亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

webpack深入與實戰

難度中級
時長 3小時21分
學習人數
綜合評分9.60
259人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.5 邏輯清晰
這是webpack1.x的教程吶,webpack4.x使用配置已經有了很大的變化了??匆幌略碇v解就好
webpack 4.x版本
# npm install -g webpack webpack-cli
#webpack --mode development hello.js
生成的文件在dist目錄下
webpack4 以后默認 entry 為 src/index.js,默認 output 為 dist/main.js ,不然會報ERROR in Entry module not found: Error: Can't resolve 我就是這樣試過
視頻里面用的webpack版本是1.X,而現在的最新版本是4.X了,暈死,這個估計坑了好多人。
各位童鞋,大家在執行weibpack hello.js hello.bundle.js命令時,應該會報錯吧,因為現在的webpack版本已經到了4.X了,而視頻教程用的版本確是3.X,所以會報錯,具體解決方案,請看https://blog.csdn.net/u012443286/article/details/79504289
在module.exports中添加context與不添加context相比,使用context的解析時間會大大縮短
1.安裝了相應插件2.配置文件中設置module:{rules:[ {test:'/\.less$/',use:[{loader:'style-loader'},{loader:'css-loader'}, {loader:'less-loader'} ]}]}3.還是報錯,說找不到Loader。ERROR in ./src/style.lessModule parse failed: Unexpected token (1:4)You may need an appropriate loader to handle this file type.
回復 qq_笑塵_0,生成的html在 dist/js這個目錄里面。
講師不必要專職,完全可以兼職,講師在哪就職、有沒有別的收入不重要,只要保證課程進度就可以,這樣可以節省建慕課網的成本了。
堅持 改進 堅持 象是在編代碼遇到坑一樣,要想法擺脫困境,繼續向前?。。。。?!
慕課網做的很好,我很看好這個網站,里面講師很專業,講的很系統,很有條理,能及時更新就更好了。
前進的路上一定有困難,但一定要堅持?。。?!
報Cannot set property 'innerHTML' of null錯誤的話, 在webpack.config.js中把inject改成true, 其它的js也可能要相應做一些更改, html渲染是從上到下的, head中的script執行比body要早, getElementById時body中的id=app還沒渲染出來, 所以報null
講的非常詳細,雖然版本已經到4.x了,但是思想是不過時的,感謝老師
發現這樣插入才行compilation.assets[htmlWebpackPlugin.files.chunks.a.entry.substr(htmlWebpackPlugin.files.publicPath.length).split('?')[0]]._value
注意:
1.去除參數,當htmlWebpackPlugin中配置了hash參數,需去除'?hash值'該段字符串,只剩下相對路徑/文件名 relativeStr.split('?')[0] //等同于compilation.assets['js/a.js']
2.source方法報錯,直接調用_value讀取源碼
compilation.assets[htmlWebpackPlugin.files.chunks.a.entry.substr(htmlWebpackPlugin.files.publicPath.length).split('?')[0]]._value
課程須知
1、對模塊化開發有一些了解 2、使用過 node 對 npm 有基本的了解 3、對打包有一個基本的概念
老師告訴你能學到什么?
1、模塊化的開發 2、webpack 的 CLI (命令行) 3、webpack 如何在項目中打包 4、webpack 如何處理項目中的資源文件

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消