用好 Webpack2 從一個完整的配置開始

jasonchang發表於2017-02-09

:smirk:希望 Summer 早日加入草稿功能。

首先,引用 Webpack 中文指南 的一段概述 , 對不瞭解 Webpack 的同學做一個初步介紹。

Webpack 是當下最熱門的前端資源模組化管理和打包工具。它可以將許多鬆散的模組按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需載入的模組進行程式碼分隔,等到實際需要的時候再非同步載入。透過 loader 的轉換,任何形式的資源都可以視作模組,比如 CommonJs 模組、 AMD 模組、 ES6 模組、CSS、圖片、 JSON、Coffeescript、 LESS 等。

Webpack 同時是 Laravel、Vue 官方推薦的前端資源構建方案,Laravel 5.4版甚至推出了基於Webpack 的全新前端構建工具 Mix。然而無論是 Elixir 還是 Mix 都不能滿足個性化的定製需求。作為一個追求完美的開發者,然我們好好的瞭解一下 Webpack 吧。

從配置一個完整的 webpack.config.js 開始吧!

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章