storybook-addon-customize-antd-theme/preset.js

a Storybook addon help you visually customize an ant design theme

const CopyPlugin = require('copy-webpack-plugin');
const path = require('path');

// Addon entry point
function config(entry = []) {
  return [...entry, require.resolve('./dist/esm/preset/preview')];
}

function managerEntries(entry = []) {
  return [...entry, require.resolve('./dist/esm/preset/manager')];
}

module.exports = {
  managerEntries,
  config,
  webpackFinal: (config) => {
    // console.log('from antd', path.resolve(require.resolve('antd'), '../'));
    // 用于让页面加载antd less
    config.plugins.push(
      new CopyPlugin({
        patterns: [
          {
            from: path.resolve(require.resolve('antd'), '../'),
            to: 'static/antd/lib',
          },
        ],
      })
    );
    return config;
  },
};