optimize webpack in javascript

index.tsx
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [new UglifyJSPlugin(), new TerserPlugin()]
  }
};
217 chars
9 lines

index.tsx
module.exports = {
  optimization: {
    splitChunks: {
      chunks: 'all'
    }
  }
};
89 chars
8 lines

index.tsx
const webpack = require('webpack');

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
};
173 chars
10 lines

index.tsx
import('lodash').then(_ => {
  // Use Lodash here
});
54 chars
4 lines

index.tsx
module.exports = {
  output: {
    filename: '[name].[chunkhash].js'
  },
  plugins: [
    new webpack.HashedModuleIdsPlugin(),
    new webpack.optimize.ModuleConcatenationPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new webpack.NamedModulesPlugin(),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: ({ resource }) => (
        resource &&
        resource.indexOf('node_modules') !== -1 &&
        resource.match(/\.js$/)
      ),
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'manifest',
      minChunks: Infinity,
    }),
  ],
  devtool: '#source-map',
};
624 chars
25 lines