談談你對webpack的看法

WebPack
是一個模塊打包工具,你可以使用 WebPack
管理你的模塊依賴,并編繹輸出模塊們所需的靜態(tài)文件。它能夠很好地管理、打包Web開發(fā)中所用到的 HTML、JavaScript、CSS
以及各種靜態(tài)文件(圖片、字體等),讓開發(fā)過程更加高效。對于不同類型的資源, webpack
有對應的模塊加載器。 webpack
模塊打包器會分析模塊間的依賴關(guān)系,最后 生成了優(yōu)化且合并后的靜態(tài)資源。

webpack
的兩大特色:

1.code splitting(可以自動完成)2.loader 可以處理各種類型的靜態(tài)文件,并且支持串聯(lián)操作

webpack
是以 commonJS
的形式來書寫腳本滴,但對 AMD/CMD
的支持也很全面,方便舊項目進行代碼遷移。

webpack
具有 requireJs
和 browserify
的功能,但仍有很多自己的新特性:

  1. 對 CommonJS 、 AMD 、ES6的語法做了兼容2. 對js、css、圖片等資源文件都支持打包3. 串聯(lián)式模塊加載器以及插件機制,讓其具有更好的靈活性和擴展性,例如提供對CoffeeScript、ES6的支持4. 有獨立的配置文件webpack.config.js5. 可以將代碼切割成不同的chunk,實現(xiàn)按需加載,降低了初始化時間6. 支持 SourceUrls 和 SourceMaps,易于調(diào)試7. 具有強大的Plugin接口,大多是內(nèi)部插件,使用起來比較靈活8.webpack 使用異步 IO 并具有多級緩存。這使得 webpack 很快且在增量編譯上更加快
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近在學習 Webpack,網(wǎng)上大多數(shù)入門教程都是基于 Webpack 1.x 版本的,我學習 Webpack 的...
    My_Oh_My閱讀 8,329評論 40 247
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,442評論 4 31
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評論 1 32
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,891評論 7 110
  • 企業(yè)文化同其他管理工具既存在著一致性又有所差異,都緊緊圍繞企業(yè)的發(fā)展戰(zhàn)略,不同的是企業(yè)文化是一個企業(yè)的軟實力,有其...
    Eggyino閱讀 637評論 0 2

友情鏈接更多精彩內(nèi)容