add webpack-multiple-commons-chunks

iSpring · iSpring · commit 3401b511447e · 2017-03-30T18:27:57.000+08:00
diff --git a/tutorials/webpack-multiple-commons-chunks/.babelrc b/tutorials/webpack-multiple-commons-chunks/.babelrc
@@ -0,0 +1,4 @@
+{
+    "presets": ["es2015"],
+    "plugins": ["add-module-exports"]
+}
diff --git a/tutorials/webpack-multiple-commons-chunks/.gitignore b/tutorials/webpack-multiple-commons-chunks/.gitignore
@@ -0,0 +1,2 @@
+/node_modules
+/buildOutput
diff --git a/tutorials/webpack-multiple-commons-chunks/adminPageA.html b/tutorials/webpack-multiple-commons-chunks/adminPageA.html
@@ -0,0 +1,8 @@
+<html>
+	<head></head>
+	<body>
+		<script src="js/commons.js" charset="utf-8"></script>
+		<script src="js/admin-commons.js" charset="utf-8"></script>
+		<script src="js/adminPageA.js" charset="utf-8"></script>
+	</body>
+</html>
diff --git a/tutorials/webpack-multiple-commons-chunks/adminPageA.js b/tutorials/webpack-multiple-commons-chunks/adminPageA.js
@@ -0,0 +1,2 @@
+require("./modules/a-b-c");
+require("./modules/admin");
diff --git a/tutorials/webpack-multiple-commons-chunks/adminPageB.js b/tutorials/webpack-multiple-commons-chunks/adminPageB.js
@@ -0,0 +1,2 @@
+require("./modules/a-b-c");
+require("./modules/admin");
diff --git a/tutorials/webpack-multiple-commons-chunks/adminPageC.js b/tutorials/webpack-multiple-commons-chunks/adminPageC.js
@@ -0,0 +1,2 @@
+require("./modules/a-b-c");
+require("./modules/admin");
diff --git a/tutorials/webpack-multiple-commons-chunks/common.js b/tutorials/webpack-multiple-commons-chunks/common.js
@@ -0,0 +1 @@
+module.exports = "Common";
diff --git a/tutorials/webpack-multiple-commons-chunks/images/analysis.jpg b/tutorials/webpack-multiple-commons-chunks/images/analysis.jpg
diff --git a/tutorials/webpack-multiple-commons-chunks/modules/a-b-c.js b/tutorials/webpack-multiple-commons-chunks/modules/a-b-c.js
@@ -0,0 +1 @@
+module.exports = "a-b-c module content";
diff --git a/tutorials/webpack-multiple-commons-chunks/modules/a-b.js b/tutorials/webpack-multiple-commons-chunks/modules/a-b.js
@@ -0,0 +1 @@
+module.exports = "a-b module content";
diff --git a/tutorials/webpack-multiple-commons-chunks/modules/a-c.js b/tutorials/webpack-multiple-commons-chunks/modules/a-c.js
@@ -0,0 +1 @@
+module.exports = "a-c module content";
diff --git a/tutorials/webpack-multiple-commons-chunks/modules/admin.js b/tutorials/webpack-multiple-commons-chunks/modules/admin.js
@@ -0,0 +1 @@
+module.exports = "admin module content";
diff --git a/tutorials/webpack-multiple-commons-chunks/modules/b-c.js b/tutorials/webpack-multiple-commons-chunks/modules/b-c.js
@@ -0,0 +1 @@
+module.exports = "b-c module content";
diff --git a/tutorials/webpack-multiple-commons-chunks/package.json b/tutorials/webpack-multiple-commons-chunks/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "webpack-multiple-commons-chunks",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clear": "rimraf buildOutput",
+    "prebuild": "npm run clear",
+    "build": "webpack",
+    "start": "npm run build"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "opener": "^1.4.2",
+    "rimraf": "^2.5.4",
+    "webpack": "^1.13.3"
+  },
+  "reference": [
+    "https://github.com/webpack/webpack/tree/master/examples/multiple-commons-chunks",
+    "https://webpack.github.io/docs/list-of-plugins.html#commonschunkplugin",
+    "https://webpack.js.org/plugins/commons-chunk-plugin/",
+    "https://github.com/webpack/webpack/tree/master/examples/common-chunk-and-vendor-chunk"
+  ]
+}
diff --git a/tutorials/webpack-multiple-commons-chunks/pageA.html b/tutorials/webpack-multiple-commons-chunks/pageA.html
@@ -0,0 +1,7 @@
+<html>
+	<head></head>
+	<body>
+		<script src="js/commons.js" charset="utf-8"></script>
+		<script src="js/pageA.js" charset="utf-8"></script>
+	</body>
+</html>
diff --git a/tutorials/webpack-multiple-commons-chunks/pageA.js b/tutorials/webpack-multiple-commons-chunks/pageA.js
@@ -0,0 +1,3 @@
+require("./modules/a-b-c");
+require("./modules/a-b");
+require("./modules/a-c");
diff --git a/tutorials/webpack-multiple-commons-chunks/pageB.js b/tutorials/webpack-multiple-commons-chunks/pageB.js
@@ -0,0 +1,3 @@
+require("./modules/a-b-c");
+require("./modules/a-b");
+require("./modules/b-c");
diff --git a/tutorials/webpack-multiple-commons-chunks/pageC.js b/tutorials/webpack-multiple-commons-chunks/pageC.js
@@ -0,0 +1,3 @@
+require("./modules/a-b-c");
+require("./modules/b-c");
+require("./modules/a-c");
diff --git a/tutorials/webpack-multiple-commons-chunks/webpack.config.js b/tutorials/webpack-multiple-commons-chunks/webpack.config.js
@@ -0,0 +1,41 @@
+var path = require("path");
+
+var webpack = require("webpack");
+
+module.exports = {
+	entry: {
+		pageA: "./pageA",//a-b-c + a-b + a-c
+		pageB: "./pageB",//a-b-c + a-b + b-c
+		pageC: "./pageC",//a-b-c + a-c + b-c
+		adminPageA: "./adminPageA",//a-b-c + admin
+		adminPageB: "./adminPageB",//a-b-c + admin
+		adminPageC: "./adminPageC",//a-b-c + admin
+	},
+
+	output: {
+		path: path.join(__dirname, "buildOutput"),
+		filename: "[name].js"
+	},
+
+	// plugins: [
+	// 	new webpack.optimize.CommonsChunkPlugin("admin-commons.js", ["adminPageA", "adminPageB"]),
+	// 	new webpack.optimize.CommonsChunkPlugin("commons.js", ["pageA", "pageB", "admin-commons.js"], 2),
+	// 	new webpack.optimize.CommonsChunkPlugin("c-commons.js", ["pageC", "adminPageC"]),
+	// ]
+
+	plugins: [
+		new webpack.optimize.CommonsChunkPlugin({
+			name: "admin-commons",
+			chunks: ["adminPageA", "adminPageB"]
+		}),
+		new webpack.optimize.CommonsChunkPlugin({
+			name: "commons",
+			chunks: ["pageA", "pageB", "admin-commons"],
+			minChunks: 2
+		}),
+		new webpack.optimize.CommonsChunkPlugin({
+			name: "c-commons",
+			chunks: ["pageC", "adminPageC"]
+		})
+	]
+};

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "presets": ["es2015"],
 +    "plugins": ["add-module-exports"]
 +}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+require("./modules/a-b-c");`
	`2`	`+require("./modules/admin");`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+module.exports = "a-b-c module content";`