rollup.config.js

import typescript from 'rollup-plugin-typescript2';
import del from 'rollup-plugin-delete';
import alias from '@rollup/plugin-alias'; // 配置别名
// import { getBabelOutputPlugin } from '@rollup/plugin-babel';
import copy from 'rollup-plugin-copy';
import resolve from "@rollup/plugin-node-resolve"; // 解析 node 包
import commonjs from "@rollup/plugin-commonjs"; // 适配 commonjs 导入的包
import replace from '@rollup/plugin-replace';
import path from 'path';
import postcss from 'rollup-plugin-postcss';


export default {
  input: [
    'src/scripts/vendor.ts',
    'src/background/background.ts',
    'src/popup/popup.tsx',
    'src/options/options.tsx',
  ],
  output: {
    dir: 'dist/js/',
    format: 'esm',
  },
  plugins: [
    del({ targets: 'dist/*' }),
    alias({
      entries: [
        { find: '@', replacement: path.resolve(__dirname, 'src') },
      ]
    }),
    replace({
      'process.env.NODE_ENV': JSON.stringify('production'),
      'preventAssignment': true
    }),
    resolve(),
    commonjs(),
    copy({
      targets: [
        { src: 'public/*', dest: 'dist/' },
      ]
    }),
    typescript({ tsconfig: 'tsconfig.json' }),
    postcss({
      plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
      ]
    }),
    // getBabelOutputPlugin({
    //   configFile: path.resolve(__dirname, '.babelrc')
    // })
  ],
}