saguijs · pirelenito · Dec 7, 2017 · Dec 7, 2017 · Dec 7, 2017 · Dec 26, 2017
diff --git a/README.md b/README.md
@@ -172,6 +172,43 @@ The previous configuration will expect and build the files:
 - `src/index.html` => `dist/index.html`
 - `src/index.js` => `dist/index.js`
 
+#### Excluding a page from chunks
+
+If you want a page to be excluded from either the [vendor](#chunksvendor) or [common](#chunkscommon) chunk, then you can do so by providing an object with a `name` and `independent` flag (set to `true`) instead of just the name of the page.
+
+```js
+// sagui.config.js
+module.exports = {
+  pages: ['index', 'about', { name: 'demo', independent: true }]
+}
+```
+
+### `chunks.vendor`
+
+If you want all your external dependencies (`node_modules`) in your [pages](#pages) to be bundled together in a "vendor" chunk, then set this flag to `true`. By default it is set to `false`.
+
+```js
+// sagui.config.js
+module.exports = {
+  chunks: {
+    vendor: true
+  }
+}
+```
+
+### `chunks.common`
+
+If you do not want all the common dependencies of your [pages](#pages) to be bundled together in a "common" chunk, then set this flag to `false`. By default it is set to `true`.
+
+```js
+// sagui.config.js
+module.exports = {
+  chunks: {
+    common: false
+  }
+}
+```
+
 ### `libraries`
 
 Create **reusable libraries** that can be shared across applications. Sagui will take care of the build process so that external libraries are not bundled and that you have a CommonJS module as the output.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sagui",
-  "version": "11.4.2",
+  "version": "11.5.0",
   "description": "Front-end tooling in a single dependency",
   "preferGlobal": false,
   "bin": {
@@ -111,6 +111,7 @@
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^2.0.3",
+    "lodash.merge": "^4.6.0",
     "lodash.uniq": "^4.5.0",
     "node-sass": "^4.5.2",
     "null-loader": "^0.1.1",
@@ -125,7 +126,7 @@
     "url-loader": "^0.5.8",
     "webpack": "^3.2.0",
     "webpack-dev-server": "^2.5.1",
-    "webpack-md5-hash": "0.0.5",
+    "webpack-md5-hash": "0.0.6",
     "webpack-merge": "^4.1.0",
     "yaml-loader": "^0.5.0"
   }

diff --git a/spec/fixtures/project-content-with-invalid-import/src/index.spec.js b/spec/fixtures/project-content-with-invalid-import/src/index.spec.js
@@ -0,0 +1,5 @@
+import('name-that-is-invalid')
+
+describe('my project', function() {
+  it('should work not work at all', function() {})
+})
diff --git a/spec/fixtures/project-with-independent-page/node_modules/.DS_Store b/spec/fixtures/project-with-independent-page/node_modules/.DS_Store
diff --git a/spec/fixtures/project-with-independent-page/node_modules/dependencyA/.DS_Store b/spec/fixtures/project-with-independent-page/node_modules/dependencyA/.DS_Store
diff --git a/spec/fixtures/project-with-independent-page/node_modules/dependencyA/index.js b/spec/fixtures/project-with-independent-page/node_modules/dependencyA/index.js
diff --git a/spec/fixtures/project-with-independent-page/node_modules/dependencyA/package.json b/spec/fixtures/project-with-independent-page/node_modules/dependencyA/package.json
diff --git a/spec/fixtures/project-with-independent-page/node_modules/dependencyB/index.js b/spec/fixtures/project-with-independent-page/node_modules/dependencyB/index.js
diff --git a/spec/fixtures/project-with-independent-page/node_modules/dependencyB/package.json b/spec/fixtures/project-with-independent-page/node_modules/dependencyB/package.json
diff --git a/spec/fixtures/project-with-independent-page/sagui.config.js b/spec/fixtures/project-with-independent-page/sagui.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  pages: ['index', 'about', { name: 'demo', independent: true }],
+  chunks: {
+    vendor: true,
+    common: true,
+  }
+}
diff --git a/spec/fixtures/project-with-independent-page/src/about.html b/spec/fixtures/project-with-independent-page/src/about.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-independent-page/src/about.js b/spec/fixtures/project-with-independent-page/src/about.js
@@ -0,0 +1,5 @@
+import shared from './shared'
+import dependencyA from 'dependencyA'
+
+shared()
+dependencyA()
diff --git a/spec/fixtures/project-with-independent-page/src/demo.html b/spec/fixtures/project-with-independent-page/src/demo.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-independent-page/src/demo.js b/spec/fixtures/project-with-independent-page/src/demo.js
@@ -0,0 +1,7 @@
+import shared from './shared'
+import dependencyA from 'dependencyA'
+import dependencyB from 'dependencyB'
+
+shared()
+dependencyA()
+dependencyB()
diff --git a/spec/fixtures/project-with-independent-page/src/index.html b/spec/fixtures/project-with-independent-page/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-independent-page/src/index.js b/spec/fixtures/project-with-independent-page/src/index.js
@@ -0,0 +1,5 @@
+import shared from './shared'
+import dependencyB from 'dependencyB'
+
+shared()
+dependencyB()
diff --git a/spec/fixtures/project-with-independent-page/src/shared.js b/spec/fixtures/project-with-independent-page/src/shared.js
@@ -0,0 +1 @@
+export default () => console.log('shared module')
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/sagui.config.js b/spec/fixtures/project-with-two-pages-disabled-common/sagui.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  pages: ['index', 'about'],
+  chunks: {
+    common: false
+  }
+}
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/src/about.html b/spec/fixtures/project-with-two-pages-disabled-common/src/about.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/src/about.js b/spec/fixtures/project-with-two-pages-disabled-common/src/about.js
@@ -0,0 +1,3 @@
+import shared from './shared'
+
+shared()
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/src/index.html b/spec/fixtures/project-with-two-pages-disabled-common/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/src/index.js b/spec/fixtures/project-with-two-pages-disabled-common/src/index.js
@@ -0,0 +1,3 @@
+import shared from './shared'
+
+shared()
diff --git a/spec/fixtures/project-with-two-pages-disabled-common/src/shared.js b/spec/fixtures/project-with-two-pages-disabled-common/src/shared.js
@@ -0,0 +1 @@
+export default () => console.log('shared module')
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/.DS_Store b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/.DS_Store
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/.DS_Store b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/.DS_Store
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/index.js b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/index.js
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/package.json b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyA/package.json
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyB/index.js b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyB/index.js
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyB/package.json b/spec/fixtures/project-with-two-pages-enabled-vendor/node_modules/dependencyB/package.json
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/sagui.config.js b/spec/fixtures/project-with-two-pages-enabled-vendor/sagui.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  pages: ['index', 'about'],
+  chunks: {
+    vendor: true
+  }
+}
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/src/about.html b/spec/fixtures/project-with-two-pages-enabled-vendor/src/about.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/src/about.js b/spec/fixtures/project-with-two-pages-enabled-vendor/src/about.js
@@ -0,0 +1,5 @@
+import shared from './shared'
+import dependencyA from 'dependencyA'
+
+shared()
+dependencyA()
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/src/index.html b/spec/fixtures/project-with-two-pages-enabled-vendor/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/src/index.js b/spec/fixtures/project-with-two-pages-enabled-vendor/src/index.js
@@ -0,0 +1,5 @@
+import shared from './shared'
+import dependencyB from 'dependencyB'
+
+shared()
+dependencyB()
diff --git a/spec/fixtures/project-with-two-pages-enabled-vendor/src/shared.js b/spec/fixtures/project-with-two-pages-enabled-vendor/src/shared.js
@@ -0,0 +1 @@
+export default () => console.log('shared module')
diff --git a/spec/fixtures/project-with-two-pages/sagui.config.js b/spec/fixtures/project-with-two-pages/sagui.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  pages: ['index', 'about']
+}
diff --git a/spec/fixtures/project-with-two-pages/src/about.html b/spec/fixtures/project-with-two-pages/src/about.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages/src/about.js b/spec/fixtures/project-with-two-pages/src/about.js
@@ -0,0 +1,3 @@
+import shared from './shared'
+
+shared()
diff --git a/spec/fixtures/project-with-two-pages/src/index.html b/spec/fixtures/project-with-two-pages/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/spec/fixtures/project-with-two-pages/src/index.js b/spec/fixtures/project-with-two-pages/src/index.js
@@ -0,0 +1,3 @@
+import shared from './shared'
+
+shared()
diff --git a/spec/fixtures/project-with-two-pages/src/shared.js b/spec/fixtures/project-with-two-pages/src/shared.js
@@ -0,0 +1 @@
+export default () => console.log('shared module')