ibm-streams/webpack.config.js

IBM Streams Support for Visual Studio Code

const path = require('path');

module.exports = function (env, argv) {
  const { mode } = argv;
  return [getExtensionConfig(mode), getWebviewsConfig(mode)];
};

function getExtensionConfig(mode) {
  return {
    name: 'extension',
    target: 'node',
    entry: './src/extension.ts',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'extension.js',
      libraryTarget: 'commonjs2',
      devtoolModuleFilenameTemplate: '[absolute-resource-path]'
    },
    devtool: 'source-map',
    externals: {
      vscode: 'commonjs vscode',
      bufferutil: 'commonjs bufferutil',
      'utf-8-validate': 'commonjs utf-8-validate'
    },
    resolve: {
      extensions: ['.ts', '.js']
    },
    module: {
      rules: [
        {
          test: /\.(j|t)sx?$/,
          include: /@ibmstreams[\\\/]common/,
          enforce: 'pre',
          loader: 'source-map-loader'
        },
        {
          test: /\.ts$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          options: {
            sourceMaps: true,
            cacheDirectory: true
          }
        },
        {
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: [/node_modules/, /src\/webviews/],
          options: {
            sourceMaps: true,
            cacheDirectory: true
          }
        }
      ]
    }
  };
}

function getWebviewsConfig(mode) {
  return {
    name: 'webviews',
    context: path.resolve(__dirname, 'src/webviews'),
    entry: {
      cloudPakForDataAppService: [
        './cloudPakForDataAppService/resources/index.js'
      ],
      cloudPakForDataJob: ['./cloudPakForDataJob/resources/index.js'],
      configureImageBuild: ['./configureImageBuild/resources/index.js'],
      configureJobSubmission: ['./configureJobSubmission/resources/index.js'],
      createPrimitiveOperator: ['./createPrimitiveOperator/resources/index.js'],
      createSplApplication: ['./createSplApplication/resources/index.js'],
      createSplApplicationSet: ['./createSplApplicationSet/resources/index.js'],
      instanceSelection: ['./instanceSelection/resources/index.js'],
      jobGraph: ['./jobGraph/resources/index.js'],
      streamsAuthentication: ['./streamsAuthentication/resources/index.js']
    },
    output: {
      path: path.resolve(__dirname, 'dist/webviews'),
      filename: '[name].js',
      crossOriginLoading: 'anonymous'
    },
    devtool: mode === 'production' ? undefined : 'eval-source-map',
    resolve: {
      extensions: ['.ts', '.js', '.jsx', '.json'],
      alias: {
        '@': path.resolve(__dirname, './src'),
        react: path.resolve('./node_modules/react')
      }
    },
    module: {
      rules: [
        {
          test: /\.ts$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          options: {
            cacheDirectory: true
          }
        },
        {
          test: /\.(js)$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          options: {
            cacheDirectory: true
          }
        },
        {
          test: /\.jsx?$/,
          include: /@ibmstreams[\\\/]graph|@elyra[\\\/]canvas/,
          enforce: 'pre',
          loader: 'source-map-loader'
        },
        {
          test: /\.css$/,
          use: [
            {
              loader: 'style-loader'
            },
            {
              loader: 'css-loader'
            }
          ]
        },
        {
          test: /\.scss$/,
          use: [
            'style-loader',
            {
              loader: 'css-loader',
              options: {
                sourceMap: true,
                importLoaders: 1
              }
            },
            {
              loader: 'sass-loader',
              options: {
                sourceMap: true,
                sassOptions: {
                  includePaths: ['node_modules']
                }
              }
            }
          ]
        },
        {
          test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
          loader: 'url-loader',
          options: {
            limit: 30000
          }
        }
      ]
    },
    node: {
      console: true,
      child_process: 'empty',
      net: 'empty',
      tls: 'empty',
      fs: 'empty'
    },
    performance: {
      hints: false
    }
  };
}