preact.config.js

const pkg = require("./package.json");
const webpack = require("webpack");
const preactCliSwPrecachePlugin = require("preact-cli-sw-precache");
const path = require("path");
const envVars = require('preact-cli-plugin-env-vars')

export default {
  webpack(config, env, helpers, options) {
    // const loader = config.module.loaders.find(x => x.loader === 'babel-loader');
    // loader.options.plugins.push('recharts');
    if (env.isProd) {
      config.devtool = false; // disable sourcemaps
      loader.options.compact = true;
      config.output.publicPath = "";
    }

    const { loader: cssLoader } =
      helpers.getLoadersByName(config, 'css-loader')[0];
    cssLoader.options.modules = false;

    config.node.process = true
    envVars(config, env, helpers);

    const precacheConfig = {
      importScripts: [
        // assume this js file is written manually outside of webpack
        { filename: "assets/push-notifications.js" },
      ],
    };
    config = preactCliSwPrecachePlugin(config, precacheConfig);
    return config;
  },
};

require("./node_modules/postcss");