webpack.config.js

module.exports = (...args) => {
  // Here using the example for react
  // const config = require('@leanup/stack-react/webpack.config')(...args);
  const config = require('@leanup/stack-solid/webpack.config')(...args);

  const UnoCSS = require('@unocss/webpack').default;
  config.plugins.unshift(UnoCSS());

  config.module.rules.push({
    test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
    use: [
      {
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: 'fonts/',
        },
      },
    ],
  });

  if (args[0].WEBPACK_BUILD) {
    const path = require('path');
    const WebpackPwaManifest = require('webpack-pwa-manifest');
    const pwaManifestConfigPath = path.resolve(process.cwd(), 'pwa-manifest.config.js');
    const { GenerateSW } = require('workbox-webpack-plugin');
    const workboxConfigPath = path.resolve(process.cwd(), 'workbox-config.js');
    config.plugins.push(new WebpackPwaManifest(require(pwaManifestConfigPath)));
    config.plugins.push(new GenerateSW(require(workboxConfigPath)));
  }

  return config;
};