// @ts-check
const PluginPostCSS = require('esbuild-plugin-postcss').default
const { publicPath } = require('./config.json')
const plugin = PluginPostCSS({
  declaration: true,
  lessOptions: {
    globalVars: {
      publicPath: `"${publicPath}"`,
    },
  },
})
/**
 * @type { import('f2e-middle-esbuild').BuildOptions }
 */
let config = {
    sourcemap: true,
    external: [
      'react',
      'react-dom',
      'react-dom/client',
      'react-router-dom',
      'antd-mobile',
      'dexie',
      'lodash',
      'antd-mobile-icons',
      'ahooks/es/utils/domTarget',
      'ahooks/es/utils/rect',
      'ahooks/es/utils',
      'ahooks',
      'spark-md5',
      '@/utils/pinyin'
    ],
    entryPoints: ['src/index.tsx'],
    outfile: 'static/bundle.js',
    target: 'chrome70',
    jsxFactory: 'React.createElement',
    bundle: true,
    format: 'iife',
    // plugins: [PluginPostCSS()],
    plugins: plugin ? [ plugin ] : undefined,
    loader: {
        '.tsx': 'tsx',
        '.ts': 'ts',
        '.png': 'file',
        '.jpg': 'file',
        '.svg': 'dataurl',
        '.json': 'json',
        '.txt': 'text',
    },
    tsconfig: './tsconfig.json',
};

module.exports = config