iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 2
0
Modern Web

Webpack with ASP.NET MVC系列 第 2 篇

比較 Webpack 與 ASP.NET MVC Bundle 工具

2019鐵人賽 webpack asp.net mvc
4751 瀏覽

  • 分享至 

  • xImage
    •  

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 MVC 共 30 篇
  1. 26
    導入 React-Styleguidist
  2. 27
    導入 Prettier
  3. 28
    導入 ESLint
  4. 29
    為專案客製化 ESLint 規則
  5. 30
    導入 Webpack 心得
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
393 組
團體組數
13 組
累計文章數
2805 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 17th鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙