1. 程式人生 > >webpack第一節

webpack第一節

image 響應 .com 分享 多個 cnblogs 開發工具 windows blog

webpack是一個前端打包工具

它可以優化網頁、例如 頁面模塊化加載、圖片優化、css、js壓縮等等。

模塊化加載也就是懶加載,按需加載,以前的模式是所以得css寫在一起、加載量很大,頁面響應很慢、有了模塊化加載、我們可以把一個css、或者是js拆分成多個、進行按需加載、來加快頁面的渲染。

第一節 安裝webpack


這裏我使用的開發工具是IDEA 系統環境是windows,(你已安裝npm 和nodejs)

我首先在E盤建立了一個文件夾為 webpack-test技術分享

利用IDEA打開這個文件夾技術分享

打開界面中的Terminal控制臺技術分享

輸入 npm init 初始化一個package.json文件,一直按回車鍵,直到完成技術分享

技術分享

webpack第一節