DLL Plugin broke with 2.x

I’ve got a setup that packages libs into a DLL, to speed up rebuilds. It’s running in full-control-mode, and was working fine in 1.4.x.

Running in 2.2.0, i’m now getting:

Uncaught ReferenceError: vendor is not defined(anonymous function) 
(anonymous function) @ manager.bundle.js:673

I’m guessing it’s caused by Storybook trying to use parts of the same webpack setup? The error is happening before the UI is rendered.

If i remove the DllReferencePlugin, everything works.

webpack.config.js

const webpack = require('webpack');
const merge = require('webpack-merge');
const commonConfig = require('../../tools/webpack/common.config');
const removeCssUrl = require('../utils/remove-css-url');

// Export a function. Accept the base config as the only param.
module.exports = (storybookBaseConfig, configType) => {
  // Merge config files
  const config = merge.smart(storybookBaseConfig, commonConfig);
  config.plugins.push(
    // Use the DLL in development.
    new webpack.DllReferencePlugin({
      context: process.cwd(),
      manifest: require('local-webpack-dlls/vendor.json'),
    })
  );

  // Return the altered config
  return removeCssUrl(config);
};

The script is loaded in the head.html:

head.html

<script data-dll='true' src='/vendor.dll.js'></script>

[thebuilder]

Cool! Changing context to __dirname fixed it.

Is it running running the Webpack instance in a new process?

[arunoda]

Could you send me a sample repo where I can test this locally. So, we could fix the issue.