Added autodll-webpack-plugin

Author: Nargonath

README.md

@@ -29,3 +29,12 @@ This project is inspired by several other projects:
 * Kcd-scripts: https://github.com/kentcdodds/kcd-scripts
 
 I'd like to thank the owners/contributors of these great projects for their work. It definitely helped implementing what we saught after.
+
+### Webpack DLL benchmarks
+build without DLL: 53156ms
+first rebuild with devserver: 25595ms
+second rebuild: 24511ms
+
+first build with DLL creation: 29373ms
+second build without dll creation: 23126ms
+first rebuild with dll: 16551ms

config/webpack/webpack.config.js

@@ -5,6 +5,7 @@ const { existsSync } = require('fs');
 const chalk = require('chalk');
 const webpack = require('webpack');
 const autoprefixer = require('autoprefixer');
+const AutodllWebpackPlugin = require('autodll-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
@@ -17,6 +18,7 @@ const babelConfig = require('../babel/babel.config');
 const eslintConfig = require('../eslint/eslint.config');
 const { browsersList } = require('../globals');
 const polyfills = require('../polyfills');
+const pkgJson = require(resolveAppPath('package.json'));
 
 const appPath = resolveAppPath('app');
 const buildPath = resolveAppPath('dist');
@@ -194,19 +196,19 @@ module.exports = (env = { dev: true }) => {
       //////////////////////////////////////////////////////////
       //                     DLL                              //
       //////////////////////////////////////////////////////////
-      // ifDev(
-      //   new webpack.DllReferencePlugin({
-      //     context: '.',
-      //     manifest: resolve(buildPath, 'dll', 'manifest.json'),
-      //   })
-      // ),
-
-      // ifDev(
-      //   new AddAssetHtmlPlugin({
-      //     filepath: resolve(buildPath, 'dll', 'vendors.js'),
-      //     includeSourcemap: false,
-      //   })
-      // ),
+      ifDev(
+        new AutodllWebpackPlugin({
+          inject: true,
+          debug: true,
+          filename: '[name]_[hash].js',
+          path: './dll',
+          entry: {
+            vendorDll: Object.keys(pkgJson.dependencies).filter(
+              dep => !pkgJson.dllIgnore.includes(dep)
+            ),
+          },
+        })
+      ),
 
       //////////////////////////////////////////////////////////
       //                     Chunks                           //

package.json

@@ -26,6 +26,7 @@
   },
   "dependencies": {
     "add-asset-html-webpack-plugin": "^2.1.1",
+    "autodll-webpack-plugin": "^0.2.1",
     "autoprefixer": "^7.1.3",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",

yarn.lock

@@ -281,6 +281,17 @@ atob@~1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/atob/-/atob-1.1.3.tgz#95f13629b12c3a51a5d215abdce2aa9f32f80773"
 
+autodll-webpack-plugin@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/autodll-webpack-plugin/-/autodll-webpack-plugin-0.2.1.tgz#74976a098d813ab1438fd5ca38f36c874d035d13"
+  dependencies:
+    bluebird "^3.5.0"
+    del "^3.0.0"
+    find-cache-dir "^1.0.0"
+    lodash "^4.17.4"
+    make-dir "^1.0.0"
+    memory-fs "^0.4.1"
+
 autoprefixer@^6.3.1:
   version "6.7.7"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
@@ -3315,7 +3326,7 @@ [email protected]:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
 
-memory-fs@^0.4.0, memory-fs@~0.4.1:
+memory-fs@^0.4.0, memory-fs@^0.4.1, memory-fs@~0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
   dependencies: