webpack 入門

Webpack 是一個模組繫結器，它讀取具有依賴關係的模組並生成表示這些模組的靜態資產。

它具有可擴充套件的載入器系統 ，允許繫結包不僅包括 Javascript 資產，還包括 CSS，影象，HTML 等等。

例如，使用內建的 Javascript 載入器， css-loader 和 url-loader ：

require("./code.js") // Load Javascript dependency
var css = require("./styles.css"); // Load CSS as a string
var base64Image = require("./image.png"); // Load an image as a base64 string

將成為單個繫結檔案：

// From code.js
console.log("Hello, World");
// From styles.css
var css = "body { margin: 0; padding: 0; } h1 { color: #FF0000; }";
// From image.png
var base64Image = "data:image/gif;base64,R0lGODlhPQBEAPeoAJosM//AwO/AwHVYZ/z595kzAP/s7P+goOXMv8+fhw/v739/f+8PD98fH/8mJl+fn/9ZWb8/PzWlwv///6wWGbImAPgTEMImIN9gUFCEm/gDALULDN8PAD6atYdCTX9gUNKlj8wZAKUsAOzZz+UMAOsJAP/Z2ccMDA8PD/95eX5NWvsJCOVNQPtfX/8zM8+QePLl38MGBr8JCP+zs9myn/8GBqwpAP/GxgwJCPny78lzYLgjAJ8vAP9fX...";

可以在任何最常見的模組樣式（CommonJS 和 AMD）中定義依賴關係。