@skillnull/drage-js/rollup.config.js

拖拽元素到页面任意位置**支持平台：** 浏览器 · 微信小程序 · Node.js · React Native

import { terser } from "rollup-plugin-terser"
import { babel } from "@rollup/plugin-babel"
import commonjs from "@rollup/plugin-commonjs"
import nodePolyfills from 'rollup-plugin-polyfill-node'
import { nodeResolve } from '@rollup/plugin-node-resolve'
import json from '@rollup/plugin-json'

const name = "drage"

const globals = {
  "dayjs": "dayjs",
  "md5": "md5",
  "qs": "qs",
  "crypto-js": "crypto"
}

/**
 * amd - 异步模块加载，适用于 RequireJS 等模块加载器
 * cjs - CommonJS，适用于 Node 环境和其他打包工具（别名：commonjs）
 * es - 将 bundle 保留为 ES 模块文件，适用于其他打包工具，以及支持 <script type=module> 标签的浏览器（别名：esm，module）
 * iife - 自执行函数，适用于 <script> 标签
 * umd - 通用模块定义规范，同时支持 amd，cjs 和 iife
 * system - SystemJS 模块加载器的原生格式（别名：systemjs）
 */
export default {
  input: '.rollup/drage.js',
  plugins: [
    json(),
    nodeResolve({
      exportConditions: ["node", "browser"],
      preferBuiltins: true,
      browser: true
    }),
    commonjs(),
    nodePolyfills(),
    babel({babelHelpers: 'runtime', exclude: /node_modules/}),
    terser()
  ],
  output: [
    {
      file: `dist/${name}.es.js`,
      format: 'es',
      compact: true, //  是否压缩 Rollup 产生的额外代码
      globals: globals
    },
    {
      file: `dist/${name}.js`,
      name: "Drage",
      format: 'umd',
      compact: true,
      globals: globals
    }
  ],
  context: "window"
}