bisheng.common.config.js

const path = require('path');
const webpack = require('webpack');
const CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default;
const replaceLib = require('antd-tools/lib/replaceLib');

const useReact = process.env.DEMO_ENV === 'react';
const isDev = process.env.NODE_ENV === 'development';

function alertBabelConfig(rules) {
  rules.forEach((rule) => {
    if (rule.loader && rule.loader === 'babel-loader') {
      rule.options.plugins.push(replaceLib);
    } else if (rule.use) {
      alertBabelConfig(rule.use);
    }
  });
}

const reactExternals = {
  react: 'React',
  'react-dom': 'ReactDOM',
  'react-router': 'ReactRouter',
};

const preactExternals = {
  preact: 'preact',
};

const preactAlias = {
  react: 'preact-compat',
  'react-dom': 'preact-compat',
  'create-react-class': 'preact-compat/lib/create-react-class',
  preact$: 'preact/dist/preact.js', // https://github.com/developit/preact/issues/924
};

const prodExternals = useReact ? reactExternals : preactExternals;

module.exports = {
  filePathMapper(filePath) {
    if (filePath === '/index.html') {
      return ['/index.html', '/index-cn.html'];
    }
    if (filePath.endsWith('/index.html')) {
      return [filePath, filePath.replace(/\/index\.html$/, '-cn/index.html')];
    }
    if (filePath !== '/404.html' && filePath !== '/index-cn.html') {
      return [filePath, filePath.replace(/\.html$/, '-cn.html')];
    }
    return filePath;
  },
  webpackConfig(config) {
    config.externals = {
      history: 'History',
      'babel-polyfill': 'this', // hack babel-polyfill has no exports
    };
    // dev 环境下统一不 external
    // 因为 preact/devtools 未提供 umd
    if (!isDev) {
      config.externals = Object.assign(config.externals, prodExternals);
    } else {
      config.devtool = 'source-map';
    }

    alertBabelConfig(config.module.rules);
    config.plugins.push(new CSSSplitWebpackPlugin({ size: 4000 }));

    config.resolve.alias = {
      '@ant-design/react-native/lib': path.join(process.cwd(), 'components'),
      '@ant-design/react-native': process.cwd(),
      site: path.join(process.cwd(), 'site'),
    };
    if (!useReact) {
      config.resolve.alias = Object.assign(config.resolve.alias, preactAlias);
    }


    config.plugins.push(new webpack.DefinePlugin({
      PREACT_DEVTOOLS: isDev && !useReact,
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
      },
    }));

    // fix webpack-dev-server "SyntaxError: Use of const in strict mode." ref https://github.com/mrdulin/blog/issues/35
    // https://github.com/webpack/webpack/issues/2031#issuecomment-339336830
    config.module.rules.push({
      test: /webpack-dev-server|to-fast-properties/,
      loader: 'babel-loader',
    });
    return config;
  },
  htmlTemplateExtraData: {
    isDev,
    useReact,
    // useHD: process.env.HD_ENV === 'hd',
  },
  themeConfig: {
    siteTitle: 'Ant Design Mobile RN',
    siteSubTitle: '支付宝移动端 React Native 组件库',
    categoryOrder: [
      'Layout',
      'Navigation',
      'Data Entry',
      'Data Display',
      'Feedback',
      'Gesture',
      'Combination',
      'Other',
    ],
    cateChinese: {
      Layout: '布局',
      Navigation: '导航',
      'Data Entry': '数据录入',
      'Data Display': '数据展示',
      Feedback: '操作反馈',
      Gesture: '手势',
      Combination: '组合组件',
      Other: '其他',
    },
    docVersions: {
      '0.7.x': 'http://07x.mobile.ant.design',
      '0.8.x': 'http://08x.mobile.ant.design',
      '0.9.x': 'http://09x.mobile.ant.design',
      '1.x': 'http://1x.mobile.ant.design',
      '2.x': 'http://2x.rn.mobile.ant.design',
    },
  },
  devServerConfig: {
    disableHostCheck: true,
  },
};