rollup.config.js

// @ts-check
import peerDepsExternal from 'rollup-plugin-peer-deps-external'; // 这个插件排除掉 peerDependencies 中的依赖 避免依赖重复引用
import terser from '@rollup/plugin-terser';

import commonjs from '@rollup/plugin-commonjs';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import typescript from '@rollup/plugin-typescript';

import postcss from 'rollup-plugin-postcss';

const packageJson = require('./package.json');

const umdName = packageJson.name;

const globals = {
	// @ts-ignore
	...(packageJson?.peerDependencies || {}),
};

const dir = 'dist';

/**
 * @type {import('rollup').RollupOptions[]}
 */
const config = [
	{
		input: 'src/index.ts',
		// ignore lib
		external: ['lodash', 'lodash-es', ...Object.keys(globals)],

		output: [
			{
				file: `${dir}/index.umd.js`,
				format: 'umd',
				sourcemap: true,
				name: umdName,
			},
			{
				file: `${dir}/index.umd.min.js`,
				format: 'umd',
				sourcemap: true,
				name: umdName,
				plugins: [terser()],
			},
			{
				file: `${dir}/index.cjs.js`,
				format: 'cjs',
				sourcemap: true,
			},
			{
				file: `${dir}/index.cjs.min.js`,
				format: 'cjs',
				sourcemap: true,
				plugins: [terser()],
			},
			{
				file: `${dir}/index.esm.js`,
				format: 'es',
				sourcemap: true,
			},
			{
				file: `${dir}/index.esm.min.js`,
				format: 'es',
				sourcemap: true,
				plugins: [terser()],
			},
		],
		plugins: [
			nodeResolve(),
			commonjs({ include: 'node_modules/**' }),
			typescript({
				tsconfig: './src/tsconfig.build.json',
				declaration: false,
			}),
			postcss(),
			// @ts-ignore
			peerDepsExternal(),
		],

		treeshake: true,
	},
];

export default config;