Fix documentation on es6 import about object-fit-images HOT 7 CLOSED

const path = require('path');
const webpack = require('webpack');

module.exports = {
  devtool: 'inline-source-map',
  mode: 'development',
  entry: {
    app: './entry.app.ts',
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: [
          'ng-annotate-loader',
          'ts-loader',
        ],
        exclude: /node_modules/
      },
      {
        test: /environments\\dev\.json$/,
        use: [{
          loader: 'ng-constants-json-loader',
          options: {
            moduleName: 'ems-config'
          }
        }],
        type: "javascript/auto"
      }
    ]
  },
  optimization: {
    splitChunks: {
      chunks: "all",
      minSize: 30000,
      minChunks: 1,
      maxAsyncRequests: 5,
      maxInitialRequests: 3,
      automaticNameDelimiter: '~',
      name: true,
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10,
          name: "vendor"
        },
        default: {
          minChunks: 2,
          priority: -20,
          reuseExistingChunk: true
        }
      }
    }
  },
  output: {
    chunkFilename: '[name].js',
    filename: '[name].js',
    path: path.resolve(__dirname, 'build/app')
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "window.jQuery": "jquery"
    }),
    new webpack.ProvidePlugin({
      Handsontable: "handsontable/dist/handsontable.full.js",
    }),
    new webpack.ContextReplacementPlugin(
      // Workaround to avoid loading locales that are not used https://github.com/moment/moment/issues/2517
      /moment[\/\\]locale$/,
      /-----/ // Do not include any locales
    )
  ],
  resolve: {
    extensions: ['.ts', '.js'],
    modules: [path.resolve(__dirname, "src/"), "node_modules"]
  }
};