Support Webpack 4.x

.travis.yml

@@ -2,7 +2,7 @@ dist: trusty
 language: node_js
 cache: yarn
 node_js:
-- '6.10'
+- '6.11.5'
 - '7'
 - '8'
 install:

README.md

@@ -1,7 +1,7 @@
 # webpack-chain
 
 Use a chaining API to generate and simplify the modification of
-Webpack 2 and 3 configurations.
+Webpack version 2-4 configurations.
 
 This documentation corresponds to v4 of webpack-chain.
 
@@ -30,7 +30,7 @@ This is easier explained through the examples following.
 ## Installation
 
 `webpack-chain` requires Node.js v6.9 and higher. `webpack-chain` also
-only creates configuration objects designed for use in Webpack 2 and 3.
+only creates configuration objects designed for use in Webpack version 2, 3, and 4.
 
 You may install this package using either Yarn or npm (choose one):
 
@@ -347,6 +347,7 @@ config
   .context(context)
   .externals(externals)
   .loader(loader)
+  .mode(mode)
   .parallelism(parallelism)
   .profile(profile)
   .recordsPath(recordsPath)
@@ -573,6 +574,32 @@ config.performance
   .assetFilter(assetFilter)
 ```
 
+#### Configuring optimizations: shorthand methods
+
+```js
+config.optimization : ChainedMap
+
+config.optimization
+  .concatenateModules(concatenateModules)
+  .flagIncludedChunks(flagIncludedChunks)
+  .mergeDuplicateChunks(mergeDuplicateChunks)
+  .minimize(minimize)
+  .minimizer(minimizer)
+  .namedChunks(namedChunks)
+  .namedModules(namedModules)
+  .nodeEnv(nodeEnv)
+  .noEmitOnErrors(noEmitOnErrors)
+  .occurrenceOrder(occurrenceOrder)
+  .portableRecords(portableRecords)
+  .providedExports(providedExports)
+  .removeAvailableModules(removeAvailableModules)
+  .removeEmptyChunks(removeEmptyChunks)
+  .runtimeChunk(runtimeChunk)
+  .sideEffects(sideEffects)
+  .splitChunks(splitChunks)
+  .usedExports(usedExports)
+```
+
 #### Config plugins
 
 ```js
@@ -929,10 +956,12 @@ config.merge({
   amd,
   bail,
   cache,
-  devtool,
   context,
+  devtool,
   externals,
   loader,
+  mode,
+  parallelism,
   profile,
   recordsPath,
   recordsInputPath,
@@ -984,6 +1013,27 @@ config.merge({
     [key]: value
   },
 
+  optimizations: {
+    concatenateModules,
+    flagIncludedChunks,
+    mergeDuplicateChunks,
+    minimize,
+    minimizer,
+    namedChunks,
+    namedModules,
+    nodeEnv,
+    noEmitOnErrors,
+    occurrenceOrder,
+    portableRecords,
+    providedExports,
+    removeAvailableModules,
+    removeEmptyChunks,
+    runtimeChunk,
+    sideEffects,
+    splitChunks,
+    usedExports,
+  },
+
   performance: {
     [key]: value,
 

package.json

@@ -25,6 +25,6 @@
   "devDependencies": {
     "ava": "^0.25.0",
     "changelog": "^1.4.0",
-    "webpack": "^3.6.0"
+    "webpack": "^4.5.0"
   }
 }

src/Config.js

@@ -6,6 +6,7 @@ const Output = require('./Output');
 const DevServer = require('./DevServer');
 const Plugin = require('./Plugin');
 const Module = require('./Module');
+const Optimization = require('./Optimization');
 const Performance = require('./Performance');
 
 module.exports = class extends ChainedMap {
@@ -15,6 +16,7 @@ module.exports = class extends ChainedMap {
     this.entryPoints = new ChainedMap(this);
     this.module = new Module(this);
     this.node = new ChainedMap(this);
+    this.optimization = new Optimization(this);
     this.output = new Output(this);
     this.performance = new Performance(this);
     this.plugins = new ChainedMap(this);
@@ -24,14 +26,15 @@ module.exports = class extends ChainedMap {
       'amd',
       'bail',
       'cache',
-      'devtool',
       'context',
+      'devtool',
       'externals',
       'loader',
+      'mode',
       'parallelism',
       'profile',
-      'recordsPath',
       'recordsInputPath',
+      'recordsPath',
       'recordsOutputPath',
       'stats',
       'target',
@@ -66,6 +69,7 @@ module.exports = class extends ChainedMap {
       resolveLoader: this.resolveLoader.toConfig(),
       devServer: this.devServer.toConfig(),
       module: this.module.toConfig(),
+      optimization: this.optimization.entries(),
       plugins: this.plugins.values().map(plugin => plugin.toConfig()),
       performance: this.performance.entries(),
       entry: Object
@@ -81,6 +85,7 @@ module.exports = class extends ChainedMap {
       'resolve',
       'resolveLoader',
       'devServer',
+      'optimization',
       'performance',
       'module'
     ];

src/Module.js

@@ -5,9 +5,18 @@ module.exports = class extends ChainedMap {
   constructor(parent) {
     super(parent);
     this.rules = new ChainedMap(this);
+    this.defaultRules = new ChainedMap(this);
     this.extend(['noParse']);
   }
 
+  defaultRule(name) {
+    if (!this.defaultRules.has(name)) {
+      this.defaultRules.set(name, new Rule(this));
+    }
+
+    return this.defaultRules.get(name);
+  }
+
   rule(name) {
     if (!this.rules.has(name)) {
       this.rules.set(name, new Rule(this));
@@ -18,6 +27,7 @@ module.exports = class extends ChainedMap {
 
   toConfig() {
     return this.clean(Object.assign(this.entries() || {}, {
+      defaultRules: this.defaultRules.values().map(r => r.toConfig()),
       rules: this.rules.values().map(r => r.toConfig())
     }));
   }
@@ -29,6 +39,12 @@ module.exports = class extends ChainedMap {
         .forEach(name => this.rule(name).merge(obj.rule[name]));
     }
 
-    return super.merge(obj, ['rule']);
+    if (!omit.includes('defaultRule') && 'defaultRule' in obj) {
+      Object
+        .keys(obj.defaultRule)
+        .forEach(name => this.defaultRule(name).merge(obj.defaultRule[name]));
+    }
+
+    return super.merge(obj, ['rule', 'defaultRule']);
   }
 };

src/Optimization.js

@@ -0,0 +1,27 @@
+const ChainedMap = require('./ChainedMap');
+
+module.exports = class extends ChainedMap {
+  constructor(parent) {
+    super(parent);
+    this.extend([
+      'concatenateModules',
+      'flagIncludedChunks',
+      'mergeDuplicateChunks',
+      'minimize',
+      'minimizer',
+      'namedChunks',
+      'namedModules',
+      'nodeEnv',
+      'noEmitOnErrors',
+      'occurrenceOrder',
+      'portableRecords',
+      'providedExports',
+      'removeAvailableModules',
+      'removeEmptyChunks',
+      'runtimeChunk',
+      'sideEffects',
+      'splitChunks',
+      'usedExports',
+    ]);
+  }
+};

src/Output.js

@@ -5,13 +5,16 @@ module.exports = class extends ChainedMap {
     super(parent);
     this.extend([
       'auxiliaryComment',
+      'chunkCallbackName',
       'chunkFilename',
       'chunkLoadTimeout',
       'crossOriginLoading',
       'devtoolFallbackModuleFilenameTemplate',
       'devtoolLineToLine',
       'devtoolModuleFilenameTemplate',
+      'devtoolNamespace',
       'filename',
+      'globalObject',
       'hashDigest',
       'hashDigestLength',
       'hashFunction',
@@ -29,7 +32,8 @@ module.exports = class extends ChainedMap {
       'sourceMapFilename',
       'sourcePrefix',
       'strictModuleExceptionHandling',
-      'umdNamedDefine'
+      'umdNamedDefine',
+      'webassemblyModuleFilename',
     ]);
   }
 };

src/Performance.js

@@ -4,10 +4,10 @@ module.exports = class extends ChainedMap {
   constructor(parent) {
     super(parent);
     this.extend([
+      'assetFilter',
       'hints',
-      'maxEntrypointSize',
       'maxAssetSize',
-      'assetFilter'
+      'maxEntrypointSize'
     ]);
   }
 };

src/Resolve.js

@@ -17,10 +17,11 @@ module.exports = class extends ChainedMap {
     this.extend([
       'cachePredicate',
       'cacheWithContext',
+      'concord',
       'enforceExtension',
       'enforceModuleExtension',
+      'symlinks',
       'unsafeCache',
-      'symlinks'
     ]);
   }
 

src/Rule.js

@@ -9,7 +9,16 @@ module.exports = class Rule extends ChainedMap {
     this.include = new ChainedSet(this);
     this.exclude = new ChainedSet(this);
     this.oneOfs = new ChainedMap(this);
-    this.extend(['parser', 'test', 'enforce', 'issuer', 'resource', 'resourceQuery']);
+    this.extend([
+      'enforce',
+      'issuer',
+      'parser',
+      'resource',
+      'resourceQuery',
+      'sideEffects',
+      'test',
+      'type'
+    ]);
   }
 
   use(name) {

test/Config.js

@@ -85,14 +85,24 @@ test('toConfig with values', t => {
     .output
       .path('build')
       .end()
+    .mode('development')
     .node
       .set('__dirname', 'mock')
       .end()
+    .optimization
+      .nodeEnv('PRODUCTION')
+      .end()
     .target('node')
     .plugin('stringify')
       .use(StringifyPlugin)
       .end()
     .module
+      .defaultRule('inline')
+        .use('banner')
+          .loader('banner-loader')
+          .options({ prefix: 'banner-prefix.txt' })
+          .end()
+        .end()
       .rule('compile')
         .include
           .add('alpha')
@@ -110,15 +120,25 @@ test('toConfig with values', t => {
           .options({ presets: ['alpha'] });
 
   t.deepEqual(config.toConfig(), {
+    mode: 'development',
     node: {
       __dirname: 'mock'
     },
+    optimization: {
+      nodeEnv: 'PRODUCTION',
+    },
     output: {
       path: 'build'
     },
     target: 'node',
     plugins: [new StringifyPlugin()],
     module: {
+      defaultRules: [{
+        use: [{
+          loader: 'banner-loader',
+          options: { prefix: 'banner-prefix.txt' },
+        }]
+      }],
       rules: [{
         include: ['alpha', 'beta'],
         exclude: ['alpha', 'beta'],
@@ -135,9 +155,10 @@ test('toConfig with values', t => {
 
 test('validate empty', t => {
   const config = new Config();
+
   const errors = validate(config.toConfig());
 
-  t.is(errors.length, 1);
+  t.is(errors.length, 0);
 });
 
 test('validate with entry', t => {
@@ -161,6 +182,10 @@ test('validate with values', t => {
     .output
       .path('/build')
       .end()
+    .mode('development')
+    .optimization
+      .nodeEnv('PRODUCTION')
+      .end()
     .node
       .set('__dirname', 'mock')
       .end()
@@ -178,6 +203,7 @@ test('validate with values', t => {
           .add('alpha')
           .add('beta')
           .end()
+        .sideEffects(false)
         .post()
         .pre()
         .test(/\.js$/)