一、什么是WebPack，為什么要使用它？ 　　1、為什要使用WebPack 　　現今的很多網頁其實可以看做是功能豐富的應用，它們擁有着復雜的JavaScript代碼和一大堆依賴包。為了簡化開發的 ...

一、安裝和配置webpack 　　1、全局安裝webpack 　　這樣就安裝好了webpack，可以再全局通過webpack -v來查看是否安裝成功。 　　2、先創建項目目錄結構，根目錄 ...

一、less文件打包和分離 　　1、要使用less，首先使用npm安裝less服務；還需要安裝Less-loader用來打包使用。 　　2、在module中配置 　　 ...

一、打包第三方類庫 　　下面說2種方法： 　　第一種： 　　1、引入jQuery，首先安裝： 　　2、安裝好后，在index.js中引入，用jquery語法進行測試 ...

一、解決 This is probably not a problem with npm. There is likely additional logging output above 　　在執行 ...

一、webpack 異步加載原理 　　webpack ensure 有人稱它為異步加載，也有人稱為代碼切割，他其實就是將 js 模塊給獨立導出一個.js 文件，然后使用這個模塊的時候，再創建一個 s ...

一、babel支持　　 　　Babel其實是幾個模塊化的包，其核心功能位於稱為babel-core的npm包中，webpack可以把其不同的包整合在一起使用，對於每一個你需要的功能或拓展，你都需要安 ...

一、CSS文件打包 　　1、在src下新建css文件，在css文件下新建index.css文件，輸入以下代碼 　　2、css建立好后，需要引入到入口文件，這里我們引入到index.j ...

　　最近看到一篇文章不錯，我們最常用的import來加載模塊，但是它真正背后如何運行的，只是略知一二，但真要說出個所以然來，還真不大清楚，所以這篇文章感覺講的還挺好的，所以轉載過來自己學習一下。 　 ...

　　在日常的項目開發中，我們會用到各種第三方庫來提高效率，但隨之帶來的問題就是打包后的vendor.js體積過大，導致加載時空白頁時間過長，給用戶的體驗太差。為此我們需要減少vendor.js的體積， ...