vue.config.js

// See below about ITK loading
// const path = require("path");
// const CopyPlugin = require("copy-webpack-plugin");

const vtkRegex = /\b(vtk.js)/

const plugins = []
const externals = [
  {
    "cornerstone-core": {
      commonjs: "cornerstone-core",
      commonjs2: "cornerstone-core",
      amd: "cornerstone-core",
      root: "cornerstone"
    }
  }
]

if(process.env.NODE_ENV === "production") {
  const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
  .BundleAnalyzerPlugin;
  plugins.push(new BundleAnalyzerPlugin())

  externals.push(vtkRegex)
}

//prettier-ignore
module.exports = {
  configureWebpack: {
    plugins,

  },
  chainWebpack: config => {
    config.externals(externals);
    // Shader Loader
    config.module
      .rule("shaderloader")
      .include.add(/vtk\.js[\/\\]Sources/).end()
      .test(/\.glsl$/)
      .use("shader-loader")
        .loader("shader-loader")
        .end();
    // Webworker loader
    config.module
      .rule("webworker")
      .include.add(/vtk\.js[\/\\]Sources/).end()
      .test(/\.worker\.js$/)
      .use("worker-loader")
        .loader("worker-loader")
        .options({
          inline: true,
          fallback: false,
        })
        .end();
        // Only if we want to copy the ITK modules for direct manipulation of Dicom files
        // config.plugin('clean')
        // .use(CopyPlugin,[ [
        //     {
        //       from: path.join(__dirname, 'node_modules', 'itk', 'WebWorkers'),
        //       to: path.join(__dirname, 'dist', 'itk', 'WebWorkers'),
        //     },
        //     {
        //       from: path.join(__dirname, 'node_modules', 'itk', 'ImageIOs'),
        //       to: path.join(__dirname, 'dist', 'itk', 'ImageIOs'),
        //     },
        //     {
        //       from: path.join(__dirname, 'node_modules', 'itk', 'MeshIOs'),
        //       to: path.join(__dirname, 'dist', 'itk', 'MeshIOs'),
        //     },
        // ]]);
  },
  css: { extract: false }
};