[WIP] New vendor bundle block

packages/vendor-bundle/CHANGELOG.md

@@ -0,0 +1,5 @@
+# @webpack-blocks/vendor-bundle - Changelog
+
+## 1.0.0
+
+Initial release.

packages/vendor-bundle/README.md

@@ -0,0 +1,60 @@
+# Webpack blocks - vendor bundle
+
+[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)
+[![NPM Version](https://img.shields.io/npm/v/@webpack-blocks/vendor-bundle.svg)](https://www.npmjs.com/package/@webpack-blocks/vendor-bundle)
+
+This block for [webpack-blocks](https://github.com/andywer/webpack-blocks) extracts a vendor bundle that includes the most used dependencies of your app.
+
+## Usage
+
+```js
+const { createConfig } = require('@webpack-blocks/webpack')
+const vendorBundle = require('@webpack-blocks/vendorBundle')
+
+module.exports = createConfig([
+  vendorBundle(/* options */)
+])
+```
+
+## Options
+
+#### name *(default: main)*
+
+Name of the main bundle of your app.
+
+#### filename *(default: vendor.[chunkhash].js)*
+
+Output bundle file name.
+
+#### minChunks *(default: 5)*
+
+Minimal number of chunks to include dependency into the bundle.
+
+## Generated webpack config
+
+By default generates this configuration:
+
+```js
+{
+  plugins: [
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'main',
+      filename: 'vendor.[chunkhash].js',
+      children: true,
+      minChunks (module, count) {
+        return module.context && module.context.includes('node_modules') &&
+                module.request.endsWith('.js') &&
+                count >= 5
+      }
+    })
+  ]
+}
+```
+
+## Webpack blocks
+
+Check out the
+
+👉 [Main Documentation](https://github.com/andywer/webpack-blocks)
+
+Released under the terms of the MIT license.

packages/vendor-bundle/__tests__/vendorBundle.test.js

@@ -0,0 +1,36 @@
+import test from 'ava'
+const webpack = require('webpack')
+import { createConfig } from '@webpack-blocks/core'
+import vendorBundle from '../index'
+
+const moduleInNode = {
+  context: '/Users/gendalf/moria/node_modules/decko/dist',
+  request: '/Users/gendalf/moria/node_modules/decko/dist/decko.js'
+}
+const moduleNotInNode = {
+  context: '/Users/gendalf/moria/webpack/assets/javascripts/components/main/components',
+  request: '/Users/gendalf/moria/node_modules/babel-loader/lib/index.js??ref--5-0!/Users/gendalf/moria/src/components/Button.js'
+}
+
+test('Vendor bundle default options work', t => {
+  const config = createConfig({}, [
+    vendorBundle()
+  ])
+
+  t.true(config.plugins[0] instanceof webpack.optimize.CommonsChunkPlugin)
+  t.false(config.plugins[0].minChunks(moduleNotInNode, 5))
+  t.false(config.plugins[0].minChunks(moduleInNode, 2))
+  t.true(config.plugins[0].minChunks(moduleInNode, 5))
+})
+
+test('Vendo bundle options work', t => {
+  const config = createConfig({}, [
+    vendorBundle({
+      minChunks: 42
+    })
+  ])
+
+  t.false(config.plugins[0].minChunks(moduleNotInNode, 50))
+  t.false(config.plugins[0].minChunks(moduleInNode, 20))
+  t.true(config.plugins[0].minChunks(moduleInNode, 50))
+})

packages/vendor-bundle/index.js

@@ -0,0 +1,36 @@
+/**
+ * Vendor bundle webpack block.
+ */
+
+const webpack = require('webpack')
+
+module.exports = vendorBundle
+
+/**
+ * @param {object} [options]
+ * @param {object} [options.name=main] Name of the main bundle of your app.
+ * @param {object} [options.filename=vendor.\[chunkhash\].js] Output bundle file name.
+ * @param {object} [options.minChunks=5] Minimal number of chunks to include dependency into the bundle.
+ * @return {Function}
+ */
+function vendorBundle (options = {}) {
+  options = Object.assign({
+    name: 'main',
+    filename: 'vendor.[chunkhash].js',
+    minChunks: 5
+  }, options)
+
+  return (context, util) => {
+    const plugin = new webpack.optimize.CommonsChunkPlugin({
+      name: options.main,
+      filename: options.filename,
+      children: true,
+      minChunks (module, count) {
+        return module.context && module.context.includes('node_modules') &&
+                module.request.endsWith('.js') &&
+                count >= options.minChunks
+      }
+    })
+    return util.addPlugin(plugin)
+  }
+}