three-loader-3dtiles/rollup.config.js

import typescript from 'rollup-plugin-typescript2';
import externals from 'rollup-plugin-node-externals';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import alias from '@rollup/plugin-alias';
import eslint from '@rbnlffl/rollup-plugin-eslint';
import { terser } from 'rollup-plugin-terser';
import { getOcularConfig } from 'ocular-dev-tools';

const { NODE_ENV } = process.env;
const input = 'src/index.ts';
const name = 'ThreeLoader3DTiles';
const sourcemap = true;

// If developing along with loaders.gl, use the source instead of the package from npm

const commonPlugins = (env) => {
  const plugins = [
    externals(),
    alias({
      entries: process.env.LOADERS_GL_SRC ? 
        Object.entries(
          getOcularConfig({root: process.env.LOADERS_GL_SRC}).aliases
        )
        .map(
          ([key, value], i) => ({
              find: key,
              replacement: value
          })
        )
      : []
    }),
    addSyntheticNamedExportsToSkippedNodeImports(),
    nodeResolve({
      extensions: ['.js', '.ts'],
      browser: true
    }),
    eslint({filterExclude: ['node_modules/**']}),
    typescript({
      tsconfigDefaults: {
        compilerOptions: {
          paths: process.env.LOADERS_GL_SRC ? 
            Object.fromEntries(
              Object.entries(
                getOcularConfig({root: process.env.LOADERS_GL_SRC}).aliases
              )
              .map(
                  ([key, value], i) => [key, [value]]
              )          
            )
          : {}
        }
      }
    })
  ];
  if (env === 'production') {
    plugins.push(terser());
  }
  return plugins;
};

const addSyntheticNamedExportsToSkippedNodeImports = () => ({
  load: (importee) => {
    if (importee === '\u0000node-resolve:empty.js') {
      return {code: 'export default {};', syntheticNamedExports: true};
    } else {
      return null;
    }
  }
});

const umdConfig = (env) => ({
  input,
  output: {
    file: `dist/three-loader-3dtiles${env == 'production' ? '.min' : ''}.js`,
    format: 'umd',
    name,
    sourcemap,
    globals: {
      three: 'THREE',
      'three/examples/jsm/loaders/GLTFLoader.js' : 'THREE',
      'three/examples/jsm/loaders/DRACOLoader.js' : 'THREE',
      'three/examples/jsm/loaders/KTX2Loader.js' : 'THREE'
    },
  },
  external: [
  'three',
  'three/examples/jsm/loaders/GLTFLoader.js',
  'three/examples/jsm/loaders/DRACOLoader.js',
  'three/examples/jsm/loaders/KTX2Loader.js'
  ],
  plugins: [...commonPlugins(env)],
})

const esmConfig = (env) => ({
  input,
  output: {
    file: `dist/three-loader-3dtiles.esm${env == 'production' ? '.min' : ''}.js`,
    format: 'es',
    name,
    sourcemap,
  },
  plugins: [...commonPlugins(env)]
})

const config = [esmConfig('development'), umdConfig('development')];
if (NODE_ENV === 'production') {
  config.push(esmConfig('production'), umdConfig('production'))
}

export default config;