yosisa/file0.txt

## file0.txt
$ npm install webpack -g

## file1.txt
$ cd /path/to/project
$ npm init
$ npm install webpack --save-dev

## file10.html
<div id="demo">
  <div>{{message}}</div>
  <input v-model="message">
</div>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>

## file11.txt
$ webpack main.js bundle.js
Hash: 8bd5cc0129397bf5744f
Version: webpack 1.4.15
Time: 256ms
    Asset    Size  Chunks             Chunk Names
bundle.js  181297       0  [emitted]  main
   [0] ./main.js 109 {0} [built]
    + 62 hidden modules

## file12.txt
module.exports = {
  entry: './main.js',
  output: {
    path: __dirname,
    filename: 'bundle.js'
  }
};

## file13.txt
$ webpack
Hash: 1e37faf49db800f67a24
Version: webpack 1.4.15
Time: 265ms
    Asset    Size  Chunks             Chunk Names
bundle.js  181297       0  [emitted]  main
   [0] ./main.js 109 {0} [built]
    + 62 hidden modules

## file2.txt
document.write("Hello webpack");

## file3.html
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
  </body>
</html>

## file4.txt
$ webpack main.js bundle.js
Hash: c2f39b0a6cfb9cd0d808
Version: webpack 1.4.15
Time: 28ms
    Asset  Size  Chunks             Chunk Names
bundle.js  1529       0  [emitted]  main
   [0] ./main.js 33 {0} [built]

## file5.txt
module.exports = function(msg) {
  document.write("[print] " + msg);
};

## file6.txt
var print = require("./print");
print("Hello webpack");

## file7.txt
$ webpack main.js bundle.js
Hash: 16b1755528d260b71262
Version: webpack 1.4.15
Time: 29ms
    Asset  Size  Chunks             Chunk Names
bundle.js  1694       0  [emitted]  main
   [0] ./main.js 56 {0} [built]
   [1] ./print.js 59 {0} [built]

## file8.txt
npm install vue --save

## file9.txt
var Vue = require('vue');
var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
});
	$ cd /path/to/project
	$ npm init
	$ npm install webpack --save-dev
	<div id="demo">
	<div>{{message}}</div>
	<input v-model="message">
	</div>
	<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
	$ webpack main.js bundle.js
	Hash: 8bd5cc0129397bf5744f
	Version: webpack 1.4.15
	Time: 256ms
	Asset Size Chunks Chunk Names
	bundle.js 181297 0 [emitted] main
	[0] ./main.js 109 {0} [built]
	+ 62 hidden modules
	module.exports = {
	entry: './main.js',
	output: {
	path: __dirname,
	filename: 'bundle.js'
	}
	};
	$ webpack
	Hash: 1e37faf49db800f67a24
	Version: webpack 1.4.15
	Time: 265ms
	Asset Size Chunks Chunk Names
	bundle.js 181297 0 [emitted] main
	[0] ./main.js 109 {0} [built]
	+ 62 hidden modules
	<html>
	<head>
	<meta charset="utf-8">
	</head>
	<body>
	<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
	</body>
	</html>
	$ webpack main.js bundle.js
	Hash: c2f39b0a6cfb9cd0d808
	Version: webpack 1.4.15
	Time: 28ms
	Asset Size Chunks Chunk Names
	bundle.js 1529 0 [emitted] main
	[0] ./main.js 33 {0} [built]
	module.exports = function(msg) {
	document.write("[print] " + msg);
	};
	$ webpack main.js bundle.js
	Hash: 16b1755528d260b71262
	Version: webpack 1.4.15
	Time: 29ms
	Asset Size Chunks Chunk Names
	bundle.js 1694 0 [emitted] main
	[0] ./main.js 56 {0} [built]
	[1] ./print.js 59 {0} [built]
	var Vue = require('vue');
	var demo = new Vue({
	el: '#demo',
	data: {
	message: 'Hello Vue.js!'
	}
	});