rollup打包踩坑经验

最新推荐文章于 2025-05-13 23:10:57 发布

原创最新推荐文章于 2025-05-13 23:10:57 发布 · 8.1k 阅读

1 ·

CC 4.0 BY-SA版权

rollup 专栏收录该内容

1 篇文章

订阅专栏

本文记录了在使用Rollup打包过程中遇到的四个主要问题及解决方案。报错1指向rollup官方文档，报错2是由于package.json中main字段设置不正确导致引用失败，修正路径后解决。报错3揭示了在特定情况下，需将import语法改为require以避免与rollup冲突。报错4提及的global()报错，通过调整配置避免了不必要的全局解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import babel from 'rollup-plugin-babel';
import commonjs from '@rollup/plugin-commonjs';
import replace from 'rollup-plugin-replace';
import nodeResolve from 'rollup-plugin-node-resolve';
import { uglify } from 'rollup-plugin-uglify';
import { eslint } from 'rollup-plugin-eslint';
import json from '@rollup/plugin-json';
import builtins from 'rollup-plugin-node-builtins';
import typescript from '@rollup/plugin-typescript';

const ENV = process.env.NODE_ENV;
export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/bundle.js',
    format: 'umd',
    name: 'kaleido-fed-sdk',
  },
  plugins: [
    nodeResolve({
      browser: true,
      preferBuiltins: true,
	  mainFields: ['browser']
    }),
    builtins(),
    commonjs(),
    eslint({
      include: ['src/**'],
      exclude: ['node_modules/**']
    }),
    replace({
      ENV: JSON.stringify(process.env.NODE_ENV)
    }),
    typescript(),
    json(),
    babel({
      exclude: 'node_modules/**',
      runtimeHelpers: true, // 配置runtime，不设置会报错
    }),
    ENV === 'production' && uglify()
  ]
};

报错1：

参阅： https://rollupjs.org/guide/en/#error-name-is-not-exported-by-module
import commonjs from 'rollup-plugin-commonjs';

export default {
    // ...
    plugins: [
        commonjs({
           namedExports: {'tslib': ['__awaiter', '__generator']}
        }),
    ]
}