Merge pull request #7 from hegdeashwin/develop

Ashwin Hegde · Ashwin Hegde · commit 62ed77ffb8fe · 2015-12-25T21:16:33.000+05:30
Adds eg10 3rd party plugin integration
diff --git a/README.md b/README.md
@@ -14,3 +14,4 @@
 |7|```webpack-dev-server```|webpack-dev-server is a development server, it binds a small express server on localhost:8080 which serves your static assets as well as the bundle|
 |8|```webpack```|Multiple entry files are allowed|
 |9|```webpack```|Code splitting and loading files on demand, Open browser and try ```localhost:8080``` see content-1 is loaded but not content-2, Now try execute ```localhost:8080/#load``` see content-1 and content-2 are both loaded|
+|10|```webpack```|Shows how to load 3rd-party plugins|
diff --git a/codes/example-10/content-1.js b/codes/example-10/content-1.js
@@ -0,0 +1 @@
+module.exports = "Content 1";
diff --git a/codes/example-10/content-2.js b/codes/example-10/content-2.js
@@ -0,0 +1 @@
+module.exports = "Content 2";
diff --git a/codes/example-10/entry.js b/codes/example-10/entry.js
@@ -0,0 +1,7 @@
+console.log("Hello World");
+
+console.log(require('./content-1.js'));
+
+if(window.location.href.indexOf('load') !== -1 ) {
+    console.log(require('./content-2.js'));
+}
diff --git a/codes/example-10/index.html b/codes/example-10/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Eg10: 3rd party plugins</title>
+  </head>
+  <body>
+    <h1>Hello Webpack</h1>
+
+    <script type="text/javascript" src="bundle.js"></script>
+  </body>
+</html>
diff --git a/codes/example-10/webpack.config.js b/codes/example-10/webpack.config.js
@@ -0,0 +1,13 @@
+var OpenBrowserPlugin = require('open-browser-webpack-plugin');
+
+module.exports = {
+  entry: './entry.js',
+  output: {
+    filename: 'bundle.js'
+  },
+  plugins: [
+    new OpenBrowserPlugin({
+      url: 'http://localhost:8080'
+    })
+  ]
+};
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   "homepage": "https://github.com/hegdeashwin/learning-webpack#readme",
   "devDependencies": {
     "css-loader": "^0.23.0",
+    "open-browser-webpack-plugin": "0.0.1",
     "style-loader": "^0.13.0"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@`
`23`	`23`	`"homepage": "https://github.com/hegdeashwin/learning-webpack#readme",`
`24`	`24`	`"devDependencies": {`
`25`	`25`	`"css-loader": "^0.23.0",`
	`26`	`+ "open-browser-webpack-plugin": "0.0.1",`
`26`	`27`	`"style-loader": "^0.13.0"`
`27`	`28`	`}`
`28`	`29`	`}`