rct-tree/build/webpack.prod.conf.js

A tree component based on ReactJS and Typescript.

var merge = require('webpack-merge')
var MiniCssExtractPlugin = require('mini-css-extract-plugin')
var CompressionWebpackPlugin = require('compression-webpack-plugin')
var utils = require('./utils')
var config = require('../config')
var baseWebpackConfig = require('./webpack.base.conf')

module.exports = merge(baseWebpackConfig, {
  mode: 'production',

  module: {
    rules: [
      ...utils.styleLoaders({
        extract: true
      })
    ]
  },

  devtool: '#source-map',

  output: {
    publicPath: `${config.prod.assetsPublicPath}/${config.base.projectName}/`
  },

  plugins: [
    new MiniCssExtractPlugin({
      path: config.base.assetsRoot,
      publicPath: config.prod.assetsPublicPath,
      filename: utils.assetsPath('css/[name].[hash]p.css'),
      chunkFilename: utils.assetsPath('css/[id].[chunkhash]p.css')
    })
  ],

  optimization: {
    minimizer: [
      new CompressionWebpackPlugin({
        compressionOptions: {
          numiterations: 15
        },
        algorithm: 'gzip'
      })
    ]
  }
})