rollup.config.js

import nodeResolve from '@rollup/plugin-node-resolve'; // 编译第三方包
// import typescript from 'rollup-plugin-typescript2'; // 编译ts
import commonjs from '@rollup/plugin-commonjs'; // 可以打包 commonjs
// import { babel } from '@rollup/plugin-babel';
import { terser } from 'rollup-plugin-terser';
import path from 'path';
import pkg from './package.json';
import typescript from 'rollup-plugin-typescript2';

const resolve = (p) => path.resolve(__dirname, p); // 适应不同环境，封装path.resolve，少写一点代码

export default {
  input: resolve(pkg.entry),
  external: ['qrcode'],
  output: [
    {
      file: resolve(pkg.main),
      // dir: './dist/cjs',
      format: 'cjs', // commonjs 形式的包， require 导入
      globals: {
        qrcode: 'qrcode'
      },
      exports: 'named'
    },
    {
      file: resolve(pkg.module),
      // dir: './dist/esm',
      format: 'es', // es module 形式的包， 用来import 导入， 可以tree shaking
      globals: {
        qrcode: 'qrcode'
      },
      exports: 'named'
    },
    {
      file: resolve(pkg.unpkg),
      // dir: './dist/umd',
      name: 'Json2Canvas',
      format: 'umd', // umd 兼容形式的包， 可以直接应用于网页 script
      globals: {
        qrcode: 'qrcode'
      },
      exports: 'named'
    }
  ],
  plugins: [
    /*nodeResolve({
      browser: true,
      extensions: extensions
    }),*/
    /*typescript({
      tsconfig: resolve('tsconfig.json'),
      clean: true
    }),*/
    typescript(),
    nodeResolve(),
    // babel({ babelHelpers: 'bundled', exclude: '**/node_modules/**', include: 'src' }),
    commonjs(),
    terser({
      output: { comments: false }
    })
  ]
};