發(fā)簡(jiǎn)信
IP屬地：北京
Babel是什么？用于解析ES6，甚至比ES6更高級(jí)的語(yǔ)法，到ES5或ES4級(jí)別，滿(mǎn)足瀏覽器的兼容性 環(huán)境搭建 & 基本配置 ① package...
目錄 前端為什么要進(jìn)行打包和構(gòu)建？module chunk bundle區(qū)別loader和plugin的區(qū)別babel和webpack的區(qū)別we...
*** 代表重要程度及頻率內(nèi)容正不斷迭代更新，敬請(qǐng)期待~ 一、Javascript基礎(chǔ)模塊 1. 變量類(lèi)型和計(jì)算 知識(shí)點(diǎn)題目1.值類(lèi)型vs引用類(lèi)...
本篇講的是 Webpack 對(duì)于優(yōu)化產(chǎn)出代碼，也就是對(duì)于產(chǎn)品性能的優(yōu)化， 優(yōu)點(diǎn)：代碼體積更??；合理分包不重復(fù)加載；速度更快，內(nèi)存使用更少。 懶加...
本篇講的是 Webpack 對(duì)于優(yōu)化打包構(gòu)建速度，也就是對(duì)于開(kāi)發(fā)體驗(yàn)和效率的優(yōu)化。有如下幾處可以?xún)?yōu)化： 優(yōu)化 babel-loaderIgnor...
1.懶加載 abc.js 文件中定義數(shù)據(jù)： 動(dòng)態(tài)引入數(shù)據(jù) - 實(shí)現(xiàn)懶加載： 最后產(chǎn)出一個(gè)獨(dú)立的js，等同于定義一個(gè)chunk 2.處理JSX 修...
為什么要抽離公共模塊、第三方模塊？ 多入口打包時(shí)引入公共部分，公共部分會(huì)進(jìn)行重復(fù)打包，打包效率降低，打包文件體積變大；第三方模塊不會(huì)改變，但頁(yè)面...
本地開(kāi)發(fā)環(huán)境不需要壓縮css,配置保持不變;生產(chǎn)中壓縮css可以?xún)?yōu)化產(chǎn)出代碼，故只在生產(chǎn)環(huán)境進(jìn)行css壓縮; 在開(kāi)發(fā)和生產(chǎn)分別配置如下： 1.在...
1.js文件 多入口配置： 在公共配置中配置多入口[webpack.common.js]: 生產(chǎn)環(huán)境配置多出口[webpack.prod.js]...