interface/cosmos.override.cjs at main · cb-jake/interface · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/* eslint-disable @typescript-eslint/no-var-requires */
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { DefinePlugin } = require('webpack')

// Renders the cosmos fixtures in isolation, instead of using public/index.html.
module.exports = (webpackConfig) => ({
  ...webpackConfig,
  plugins: webpackConfig.plugins.map((plugin) => {
    if (plugin instanceof HtmlWebpackPlugin) {
      return new HtmlWebpackPlugin({
        templateContent: '<body></body>',
      })
    }
    if (plugin instanceof DefinePlugin) {
      return new DefinePlugin({
        ...plugin.definitions,
        'process.env': {
          ...plugin.definitions['process.env'],
          REACT_APP_IS_WIDGET: true,
          REACT_APP_LOCALES: '"../locales"',
        },
      })
    }
    return plugin
  }),
})