幫助中心 | 我的帳號 | 關於我們

Webpack實戰(入門進階與調優)/Web開發技術叢書

  • 作者:居玉皓
  • 出版社:機械工業
  • ISBN:9787111626312
  • 出版日期:2019/05/01
  • 裝幀:平裝
  • 頁數:180
人民幣:RMB 69 元      售價:
放入購物車
加入收藏夾

內容大鋼
    這是一本能指導讀者零基礎快速掌握Webpack並輕鬆進階的實戰型著作。
    作者是資深的前端工程師,在Webpack領域有深厚的積累,是知名開源打包工具YKit的主導者和核心開發者。本書從功能特性、工作原理、應用實踐、性能優化4個維度對Webpack進行了全面講解,內容上儘力避免了網路上已經公開發表的各種資料和文檔,從作者的實際經驗出發,將更有價值的內容呈現給讀者,盡量幫助讀者少走彎路。
    全書一共10章:
    第1章是一個快速的指引,介紹了Webpack的概念、適用場景、開發環境搭建的方法,以及如何快速上手。
    第2?7章詳細講解了Webpack的各項功能特性及其工作原理,同時講解了它們的適用場景,以及如何付諸實踐。
    第8?9章深入總結了打包的性能優化和開發環境的優化。
    第10章介紹了其他打包工具並對這些工具進行了各項特性的對比。

作者介紹
居玉皓
    居玉皓,資深前端開發工程師,目前就職於美國在線流媒體平台Tubi TV,曾就職于去哪兒網,負責前端基礎架構的建設,並主導開發了知名的開源打包工具YKit。     長期專註於前端構建領域Webpack有深入的研究,積累了豐富的實踐經驗,為Webpack的發展和普及做了較多的努力和貢獻。

目錄
前言
第1章  Webpack簡介
  1.1  何為Webpack
  1.2  為什麼需要Webpack
    1.2.1  何為模塊
    1.2.2  JavaScript中的模塊
    1.2.3  模塊打包工具
    1.2.4  為什麼選擇Webpack
  1.3  安裝
  1.4  打包第一個應用
    1.4.1  Hello World
    1.4.2  使用npm scripts
    1.4.3  使用默認目錄配置
    1.4.4  使用配置文件
    1.4.5  webpack-dev-server
  1.5  本章小結
第2章  模塊打包
  2.1  CommonJS
    2.1.1  模塊
    2.1.2  導出
    2.1.3  導人
    2.2  ES6 Module
    2.2.1  模塊
    2.2.2  導出
    2.2.3  導入
    2.2.4  複合寫法
  2.3  CommonJS與ES6 Module的區別
    2.3.1  動態與靜態
    2.3.2  值拷貝與動態映射
    2.3.3  循環依賴
  2.4  載入其他類型模塊
    2.4.1  非模塊化文件
    2.4.2  AMD
    2.4.3  UMD
    2.4.4  載入npm模塊
  2.5  模塊打包原理
  2.6  本章小結
第3章  資源輸入輸出
  3.1  資源處理流程
  3.2  配置資源入口
    3.2.1  context
    3.2.2  entry
    3.2.3  實例
  3.3配置資源出口
    3.3.1  filename
    3.3.2  path
    3.3.3  publicPath
    3.3.4  實例
  3.4  本章小結
第4章  預處理器

  4.1  一切皆模塊
  4.2  loader概述
  4.3  loader的配置
    4.3.1  loader的引入
    4.3.2  鏈式loader
    4.3.3  loader options
    4.3.4  更多配置
  4.4  常用loader介紹
    4.4.1  babel-loadel
    4.4.2  ts-loader
    4.4.3  html-loader
    4.4.4  handlebars-loader
    4.4.5  file-loader
    4.4.6  url-loader
    4.4.7  vue-loader
  4.5  自定義loader
  4.6  本章小結
第5章  樣式處理
  5.1  分離樣式文件
    5.1.1  extract-text-webpack-plugin
    5.1.2  多樣式文件的處理
    5.1.3  mini-css-extract-plugin
  5.2  樣式預處理
    5.2.1  Sass與SCSS
    5.2.2  Less
  5.3  PostCSS
    5.3.1  PostCSS與Webpack
    5.3.2  自動前綴
    5.3.3  stylelint
    5.3.4  CSSNext
  5.4  CSS Modules
  5.5  本章小結
第6章  代碼分片
  6.1  通過入口劃分代碼
  6.2  CommonsChunkPlugin
    6.2.1  提取vendor
    6.2.2  設置捉取範圍
    6.2.3  設置提取規則
    6.2.4  hash與長效緩存
    6.2.5  CommonsChunkPlugin的不足
  6.3  optimization.SplitChunks
    6.3.1  從命令式到聲明式
    6.3.2  默認的非同步提取
    6.3.3  配置
  6.4  資源非同步載入
    6.4.1  import()
    6.4.2  非同步chunk的配置
  6.5  本章小結
第7章  生產環境配置
  7.1  環境配置的封裝

  7.2  開啟production模式
  7.3  環境變數
  7.4  source map
    7.4.1  原理
    7.4.2  source map配置
    7.4.3  安全
  7.5  資源壓縮
    7.5.1  壓縮JavaScript
    7.5.2  壓縮CSS
  7.6  緩存
    7.6.1  資源hash
    7.6.2  輸出動態HTML
    7.6.3  使chunk id更穩定
  7.7  bundle體積監控和分析
  7.8  本章小結
第8章  打包優化
  8.1  HappyPack
    8.1.1  工作原理
    8.1.2  單個loader的優化
    8.1.3  多個loader的優化
  8.2  縮小打包作用域
    8.2.1  exclude和include
    8.2.2  noParse
    8.2.3  lgnorePlugin
    8.2.4  Cache
  8.3  動態鏈接庫與DllPlugin
    8.3.1  vendor配置
    8.3.2  vendor打包
    8.3.3  鏈接到業務代碼
    8.3.4  潛在問題
  8.4  tree shaking
    8.4.1  ES6 Module
    8.4.2  使用Webpack進行依賴關係構建
    8.4.3  使用壓縮工具去除死代碼
  8.5  本章小結
第9章  開發環境調優
  9.1  Webpack開發效率插件
    9.1.1  webpack-dashboard
    9.1.2  webpack-merge
    9.1.3  speed-measure-webpack-plugin
    9.1.4  size-plugin
  9.2  模塊熱替換
    9.2.1  開啟HMR
    9.2.2  HMR原理
    9.2.3  HMR API示例
  9.3  本章小結
第10章  更多JavaScript打包工具
  10.1  ROllup
    10.1.1  配置
    10.1.2  tree shaking

    10.1.3  可選的輸出格式
    10.1.4  使用Rollup構建JavaScript庫
  10.2  Parcel
    10.2.1  打包速度
    10.2.2  零配置
  10.3  打包工具的發展趨勢
    10.3.1  性能與通用性
    10.3.2  配置極小化與工程標準化
    10.3.3  WebAssembly
  10.4  本章小結

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032