ikuwow · April 23, 2017 06:12
diff --git a/file0.txt b/file0.txt
 $ yarn
 yarn install v0.23.2
 info No lockfile found.
 [1/4] 🔍  Resolving packages...
 [2/4] 🚚  Fetching packages...
 [3/4] 🔗  Linking dependencies...
 [4/4] 📃  Building fresh packages...
 success Saved lockfile.
 ✨  Done in 0.44s.
diff --git a/file1.txt b/file1.txt
 $ ls
 LICENSE README.md
diff --git a/file10.txt b/file10.txt
 php -S localhost:8383
diff --git a/file11.txt b/file11.txt
 yarn add lodash
diff --git a/file12.diff b/file12.diff
 /* jshint browser: true */
  'use strict';

 +import _ from 'lodash';
 +// const _ = require('lodash');
 +
  function component() {
      var element = document.createElement('div');
      element.innerHTML = _.join(['Hello', 'Webpack'], ' ');
diff --git a/file13.diff b/file13.diff
 <head>
      <meta charset="UTF-8">
      <title>Webpack 2 demo</title>
 -    <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
  </head>
  <body>
      <h1>webpack 2 demo</h1>
 -    <script src="app/index.js"></script>
 +    <script src="dist/bundle.js"></script>
  </body>
  </html>
diff --git a/file14.txt b/file14.txt
 mkdir dist/
 $(yarn bin)/webpack app/index.js dist/bundle.js
diff --git a/file15.txt b/file15.txt
 echo dist >> .gitignore
 git add .gitignore app/index.js index.html package.json yarn.lock
 git commit -m 'First webpack use'
diff --git a/file17.txt b/file17.txt
 $(yarn bin)/webpack
diff --git a/file2.txt b/file2.txt
 $ yarn init
 yarn init v0.23.2
 question name (yarn-and-webpack):
 question version (1.0.0): 0.1.0
 question description: my test repository
 question entry point (index.js):
 question repository url ([email protected]:ikuwow/yarn-and-webpack.git):
 question author (Ikuo Degawa <[email protected]>):
 question license (MIT):
 success Saved package.json
 ✨  Done in 25.44s.
 IkuosMacmini:yarn-and-webpack degawaikuo$ ls
 LICENSE      README.md    node_modules package.json yarn.lock
diff --git a/file3.txt b/file3.txt
 echo node_modules > .gitignore
 git add .
 git commit -m 'Initialize yarn'
diff --git a/file4.txt b/file4.txt
 $ yarn add webpack
 yarn add v0.23.2
 [1/4] 🔍  Resolving packages...
 [2/4] 🚚  Fetching packages...
 [3/4] 🔗  Linking dependencies...
 [4/4] 📃  Building fresh packages...

 （略...）

 success Saved lockfile.
 success Saved 280 new dependencies.
 ✨  Done in 21.03s.
diff --git a/file5.txt b/file5.txt
 $ rm -rf node_modules
 $ npm cache clean
 $ time npm install
 （...略...）
 real    0m29.508s
 user    0m13.474s
 sys 0m4.642s
diff --git a/file6.txt b/file6.txt
 $ rm -rf node_modules
 $ yarn cache clean
 $ time yarn
 yarn install v0.23.2
 [1/4] 🔍  Resolving packages...
 [2/4] 🚚  Fetching packages...
 [3/4] 🔗  Linking dependencies...
 [4/4] 📃  Building fresh packages...
 ✨  Done in 9.82s.

 real    0m10.065s
 user    0m8.322s
 sys 0m5.152s
diff --git a/file7.txt b/file7.txt
 $ git add package.json yarn.lock
 $ git commit -m 'install webpack'
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Webpack 2 demo</title>
    <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
 </head>
 <body>
    <h1>webpack 2 demo</h1>
    <script src="app/index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
 /* jshint browser: true */
 'use strict';

 function component() {
    var element = document.createElement('div');
    element.innerHTML = _.join(['Hello', 'Webpack'], ' ');
    return element;
 }

 document.body.appendChild(component());
diff --git a/webpack.config.js b/webpack.config.js
 'use strict';

 const path = require('path');

 module.exports = {
    entry: './app/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
 };
	$ yarn
	yarn install v0.23.2
	info No lockfile found.
	[1/4] 🔍 Resolving packages...
	[2/4] 🚚 Fetching packages...
	[3/4] 🔗 Linking dependencies...
	[4/4] 📃 Building fresh packages...
	success Saved lockfile.
	✨ Done in 0.44s.
	/* jshint browser: true */
	'use strict';

	+import _ from 'lodash';
	+// const _ = require('lodash');
	+
	function component() {
	var element = document.createElement('div');
	element.innerHTML = _.join(['Hello', 'Webpack'], ' ');
	<head>
	<meta charset="UTF-8">
	<title>Webpack 2 demo</title>
	- <script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
	</head>
	<body>
	<h1>webpack 2 demo</h1>
	- <script src="app/index.js"></script>
	+ <script src="dist/bundle.js"></script>
	</body>
	</html>
	echo dist >> .gitignore
	git add .gitignore app/index.js index.html package.json yarn.lock
	git commit -m 'First webpack use'
	$ yarn init
	yarn init v0.23.2
	question name (yarn-and-webpack):
	question version (1.0.0): 0.1.0
	question description: my test repository
	question entry point (index.js):
	question repository url ([email protected]:ikuwow/yarn-and-webpack.git):
	question author (Ikuo Degawa <[email protected]>):
	question license (MIT):
	success Saved package.json
	✨ Done in 25.44s.
	IkuosMacmini:yarn-and-webpack degawaikuo$ ls
	LICENSE README.md node_modules package.json yarn.lock
	echo node_modules > .gitignore
	git add .
	git commit -m 'Initialize yarn'
	$ yarn add webpack
	yarn add v0.23.2
	[1/4] 🔍 Resolving packages...
	[2/4] 🚚 Fetching packages...
	[3/4] 🔗 Linking dependencies...
	[4/4] 📃 Building fresh packages...

	（略...）

	success Saved lockfile.
	success Saved 280 new dependencies.
	✨ Done in 21.03s.
	$ rm -rf node_modules
	$ npm cache clean
	$ time npm install
	（...略...）
	real 0m29.508s
	user 0m13.474s
	sys 0m4.642s
	$ rm -rf node_modules
	$ yarn cache clean
	$ time yarn
	yarn install v0.23.2
	[1/4] 🔍 Resolving packages...
	[2/4] 🚚 Fetching packages...
	[3/4] 🔗 Linking dependencies...
	[4/4] 📃 Building fresh packages...
	✨ Done in 9.82s.

	real 0m10.065s
	user 0m8.322s
	sys 0m5.152s
	$ git add package.json yarn.lock
	$ git commit -m 'install webpack'