yosisa · April 5, 2015 07:36
diff --git a/file0.txt b/file0.txt
 $ npm install webpack -g
diff --git a/file1.txt b/file1.txt
 $ cd /path/to/project
 $ npm init
 $ npm install webpack --save-dev
diff --git a/file10.html b/file10.html
 <div id="demo">
  <div>{{message}}</div>
  <input v-model="message">
 </div>
 <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
diff --git a/file11.txt b/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
diff --git a/file12.txt b/file12.txt
 module.exports = {
  entry: './main.js',
  output: {
    path: __dirname,
    filename: 'bundle.js'
  }
 };
diff --git a/file13.txt b/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
diff --git a/file2.txt b/file2.txt
 document.write("Hello webpack");
diff --git a/file3.html b/file3.html
 <html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
  </body>
 </html>
diff --git a/file4.txt b/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]
diff --git a/file5.txt b/file5.txt
 module.exports = function(msg) {
  document.write("[print] " + msg);
 };
diff --git a/file6.txt b/file6.txt
 var print = require("./print");
 print("Hello webpack");
diff --git a/file7.txt b/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]
diff --git a/file8.txt b/file8.txt
 npm install vue --save
diff --git a/file9.txt b/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!'
	}
	});