libby.config.js

const path = require('path');

module.exports = {
  entries: () => require.context('./libby', true, /\.lib\.js$/),
  outputPath: 'libby-build',
  layout: 'libby/_layout.js',
  preview: 'libby/_preview.js',
  home: 'libby/_home.js',
  openBrowser: true,
  port: 9001,
  title: 'Matchbox',
  webpackConfig: () => {
    return {
      module: {
        rules: [
          {
            test: /\.js?$/,
            exclude: /node_modules/,
            use: {
              loader: 'babel-loader',
              options: {
                presets: ['@babel/preset-env', '@babel/preset-react'],
              },
            },
          },
          {
            test: /\.(jpe?g|png|gif|svg|webm|webp|mp4)$/,
            exclude: /node_modules/,
            use: {
              loader: 'file-loader',
            },
          },
        ],
      },
      resolve: {
        alias: {
          '@sparkpost/matchbox-icons': path.resolve(__dirname, './packages/matchbox-icons/src'),
          '@sparkpost/matchbox': path.resolve(__dirname, './packages/matchbox/src'),
          '@sparkpost/design-tokens': path.resolve(__dirname, './packages/design-tokens'),
          '@sparkpost/matchbox-media': path.resolve(__dirname, './packages/matchbox-media'),
        },
        modules: [path.join(__dirname, './node_modules')],
      },
    };
  },
  backgrounds: {
    default: 'gray',
    values: [
      {
        name: 'white',
        value: '#ffffff',
      },
      {
        name: 'gray',
        value: '#ebf0f5',
      },
      {
        name: 'black',
        value: '#2c353d',
      },
    ],
  },
};