# 使用
首先創建一個靜態頁面 index.html 和一個 JS 入口文件 entry.js：
```html
<!-- index.html -->
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="bundle.js"></script>
</body>
</html>
```
```js
// entry.js
document.write('It works.')
```
然后編譯 entry.js 并打包到 bundle.js：
```bash
$ webpack entry.js bundle.js
```
打包過程會顯示日志：
```
Hash: e964f90ec65eb2c29bb9
Version: webpack 1.12.2
Time: 54ms
Asset Size Chunks Chunk Names
bundle.js 1.42 kB 0 [emitted] main
[0] ./entry.js 27 bytes {0} [built]
```
用瀏覽器打開 `index.html` 將會看到 `It works.` 。
接下來添加一個模塊 `module.js` 并修改入口 `entry.js`：
```js
// module.js
module.exports = 'It works from module.js.'
```
```js
// entry.js
document.write('It works.')
document.write(require('./module.js')) // 添加模塊
```
重新打包 `webpack entry.js bundle.js` 后刷新頁面看到變化 `It works.It works from module.js.`
```
Hash: 279c7601d5d08396e751
Version: webpack 1.12.2
Time: 63ms
Asset Size Chunks Chunk Names
bundle.js 1.57 kB 0 [emitted] main
[0] ./entry.js 66 bytes {0} [built]
[1] ./module.js 43 bytes {0} [built]
```
Webpack 會分析入口文件，解析包含依賴關系的各個文件。這些文件（模塊）都打包到 bundle.js 。Webpack 會給每個模塊分配一個唯一的 id 并通過這個 id 索引和訪問模塊。在頁面啟動時，會先執行 entry.js 中的代碼，其它模塊會在運行 `require` 的時候再執行。
