iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
0
Modern Web

Webpack with ASP.NET MVC系列 第 2

比較 Webpack 與 ASP.NET MVC Bundle 工具

ASP.NET Bundling and Minification

缺點

  • 新增刪除模組,須手動修改 BundleConfig
  • 引用開源程式模組不方便
  • 人工區分 Common 共用檔,容易造成同樣模組重複打包,影響效能
  • 只能處理 JS 及 CSS

優點

  • 開發模式不會 Bundle,開發速度較快,不過須注意相依檔案引入順序
BundleConfig

BundleConfig


Webpack

優點

  • 前端主流打包工具
  • 可打包 JS, JSX, CSS, 圖片
  • 自動提取 Common 共用檔
  • 使用 import / export 來引入相依模組
  • 許多擴充的 Loader 及 Plugin 可根據專案需求客製化
  • 可透過 Hash 檔名實現緩存

缺點

  • Local 開發時執行打包,開發速度稍慢

Webpack


上一篇
Webpack with ASP.NET MVC - 前言
下一篇
ASP.NET MVC 專案架構及入口頁面設定
系列文
Webpack with ASP.NET MVC30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言