inversify/InversifyJS

const isDev = environment === 'development';
const babelOptions = {
  babelrc: false,
  presets: [
    [
      // 'es2017', 'es2016', 'es2015',
      '@babel/preset-env',
      {
        targets: 'last 3 versions'
      }
    ],
    '@babel/preset-react'
  ],
  plugins: []
};

module.exports = {
  cache: true,
  context: paths.appSrc,
  plugins: [
    new ForkTsCheckerWebpackPlugin({
      async: isDev,
      typescript: {
        configFile: paths.appTSJson,
        context: paths.appPath,
        configOverwrite: {
          compilerOptions: {
            sourceMap: isDev,
            inlineSourceMap: false,
            declarationMap: false
          },
          exclude: ['**/*.test.js', '**/*.test.jsx', '**/*.test.ts', '**/*.test.tsx']
        }
      }
    }),
    new CopyPlugin({
      patterns: [
        {
          from: 'assets',
          to: 'assets/',
          cacheTransform: true
        }
      ]
    }),
    new HtmlWebPackPlugin({
      template: paths.appHtml,
      minify: {
        removeComments: true,
        collapseWhitespace: false
      }
    }),
    new webpack.DefinePlugin({
      'process.env': JSON.stringify(env)
    })
  ],
  resolve: {
    modules: ['node_modules', 'src'],
    extensions: ['.js', '.jsx', '.ts', '.tsx']
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)?$/,
        include: [paths.appSrc],
        exclude: [paths.appNodeModules],
        use: [
          {
            loader: 'babel-loader',
            options: babelOptions
          }
        ]
      },
      {
        test: /\.(ts|tsx)?$/,
        include: [
          paths.appSrc
          // path.resolve(paths.appNodeModules, 'mana-syringe'),
          // path.resolve(paths.appNodeModules, 'inversify')
        ],
        exclude: [paths.appNodeModules],
        use: [
          {
            loader: 'babel-loader',
            options: {
              ...babelOptions,
              presets: [
                ...babelOptions.presets,
                ['@babel/preset-typescript', { onlyRemoveTypeImports: true }]
              ],
              plugins: [
                ...babelOptions.plugins,
                'babel-plugin-transform-typescript-metadata',
                ['@babel/plugin-proposal-class-properties', { legacy: true }],
                ['@babel/plugin-proposal-decorators', { legacy: true }]
              ]
            }
          }
          // {
          //   loader: 'ts-loader',
          //   options: {
          //     configFile: paths.appTSJson,
          //     allowTsInNodeModules: true,
          //     transpileOnly: true
          //   }
          // }
        ]
      }
    ]
  }
};