feat(bundler): allow creating a bundle with common code

Author: satya164

README.md

@@ -97,7 +97,7 @@ The `--production` option performs minification on the resulting bundle. You can
 You can provide multiple entry points as arguments. In that case, you can use `[name]` to get the name of the entry point while specifying an output file,
 
 ```sh
-quik --bundle file1.js file2.js --output [name].bundle.js
+quik --bundle file1.js file2.js --output [name].bundle.js --common common.bundle.js
 ```
 
 Sourcemap files are automatically generated when generating bundles.

src/configure-bundler.js

@@ -33,6 +33,12 @@ export default async function(options) {
       filename: OUTPUTFILE,
       sourceMapFilename: OUTPUTFILE + '.map',
     },
+    plugins: options.common ? [
+      new webpack.optimize.CommonsChunkPlugin({
+        name: options.common,
+        filename: options.common,
+      }),
+    ] : null,
     entry,
   }));
 }

src/quik-cli.js

@@ -44,6 +44,10 @@ const argv = yargs
         type: 'string',
         description: 'Name of the output file',
       },
+      common: {
+        type: 'string',
+        description: 'Name of file to contain common code in case of multiple entries',
+      },
       production: {
         type: 'boolean',
         default: false,
@@ -84,6 +88,7 @@ if (argv.init) {
   bundle({
     root: process.cwd(),
     entry: argv.bundle.map(it => './' + it),
+    common: argv.common,
     output: argv.output,
     production: argv.production,
     sourcemaps: argv.sourcemaps,