@wgoo/cli/lib/config/webpack.package.js

Wgoo Cli 是一个 React 组件库构建工具，通过 Wgoo Cli 可以快速搭建一套功能完备的 React 组件库。

const { merge } = require('webpack-merge');
const { join } = require('path');
const { baseConfig } = require('./webpack.base');
const { getWgooConfig, getWebpackConfig, setBuildTarget } = require('../common');
const { LIB_DIR, ES_DIR } = require('../common/constant');

function getPackageConfig(isMinify) {
  const { name } = getWgooConfig();

  setBuildTarget('package');

  return getWebpackConfig(
    merge(baseConfig, {
      mode: 'production',
      entry: {
        [name]: join(ES_DIR, 'index.js'),
      },
      stats: 'none',
      output: {
        path: LIB_DIR,
        library: name,
        libraryTarget: 'umd',
        filename: isMinify ? '[name].min.js' : '[name].js',
        umdNamedDefine: true,
        // https://github.com/webpack/webpack/issues/6522
        globalObject: "typeof self !== 'undefined' ? self : this",
      },
      externals: {
        react: {
          root: 'React',
          commonjs: 'react',
          commonjs2: 'react',
          amd: 'react',
        },
        'react-dom': {
          root: 'ReactDOM',
          commonjs: 'react-dom',
          commonjs2: 'react-dom',
          amd: 'react-dom',
        },
      },
      performance: false,
      optimization: {
        minimize: isMinify,
      },
    })
  );
}

module.exports = { getPackageConfig };