gg-editor/tools/webpack.config.demo.dev.js

A visual graph editor based on G6 and React

const path = require('path');
const { merge } = require('lodash');
const baseConfig = require('./webpack.config.base');

const entry = {
  bundle: path.resolve(__dirname, '..', 'demo/src/index.js'),
};

const alias = {
  '@src': path.resolve(__dirname, '..', 'src'),
};

const externals = {
  'react-dom': {
    root: 'ReactDOM',
    commonjs2: 'react-dom',
    commonjs: 'react-dom',
    amd: 'react-dom',
  },
  'react-router-dom': {
    root: 'ReactRouterDOM',
    commonjs: 'react-router-dom',
    commonjs2: 'react-router-dom',
    amd: 'react-router-dom',
  },
  antd: {
    root: 'antd',
    commonjs: 'antd',
    commonjs2: 'antd',
    amd: 'antd',
  },
};

const devtool = 'source-map';

const devServer = {
  contentBase: path.resolve(__dirname, '..', 'demo'),
  publicPath: '/dist',
  disableHostCheck: true,
};

const output = {
  path: path.resolve(__dirname, '..', 'demo/dist'),
  filename: '[name].js',
  libraryTarget: 'umd',
};

module.exports = merge(baseConfig, {
  entry,
  resolve: {
    alias,
  },
  externals,
  devtool,
  devServer,
  output,
});