preact.config.js

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

//const flowPlugin = require('preact-cli-plugin-flow');
//const swPrecachePlugin = require('preact-cli-sw-precache');
//const fastAsyncPlugin = require('preact-cli-plugin-fast-async');
//const criticalCssPlugin = require('preact-cli-plugin-critical-css');

// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
// const HtmlWebpackPlugin = require('html-webpack-plugin');

export default function(config, env, helpers) {
  // LOADERS ---

  config.module.rules.push({
    enforce: 'pre',
    test: /\.tsx?$/,
    loader: 'awesome-typescript-loader',
    options: {
      useBabel: true,
      babelCore: '@babel/core',
      babelOptions: helpers.getLoadersByName(config, 'babel-loader')[0].rule.options,
      useCache: true,
      cacheDirectory: "node_modules/.cache/awesome-typescript-loader",
    }
  });

  config.output['globalObject'] = `(typeof self !== 'undefined' ? self : this)`;

  // BABEL ---

  //fastAsyncPlugin(config);
  //flowPlugin(config);

  // PLUGINS ---

  //criticalCssPlugin(config, env);

  /*const precacheConfig = {
    navigateFallbackWhitelist: [/^(?!\/__)(?!\/popup).*!/]
  };
  swPrecachePlugin(config, precacheConfig);

  config.plugins.push(
    new HtmlWebpackPlugin({
      filename: 'popup.html',
      template: 'popup.ejs',
      minify: {
        minifyJS: true,
        minifyCSS: true,
        minifyURLs: true,
        collapseWhitespace: true,
        removeScriptTypeAttributes: true,
        removeRedundantAttributes: true,
        removeStyleLinkTypeAttributes: true,
        removeComments: true
      },
      inject: false
    }),
    new webpack.DefinePlugin({
      'process.env.FIREBASE_ENV': JSON.stringify(
        process.env.FIREBASE_ENV === 'development'
          ? 'development'
          : 'production'
      )
    })
  );*/

  /*if (!env.ssr && env.production) {
    config.plugins.push(
      new BundleAnalyzerPlugin({
        analyzerMode: 'static'
      })
    );
  }*/
}