为什么Rollup抱怨代码拆分，而我不是代码拆分？

Question

在我的rollup.config.js中只有一个output条目，如下所示：

export default {
  input: './src/Index.tsx',
  output: {
    dir: './myBundle/bundle',
    format: 'iife',
    sourcemap: true,
  },
  plugins: [
    typescript(),
    nodeResolve(),
    commonjs(),
    babel(),
    json(),
    terser(),
  ],
};

为什么Rollup指责我代码拆分？[!] Error: UMD and IIFE output formats are not supported for code-splitting builds.

Answer 1

在使用Routify时遇到了这个问题。在rollup.config.js中添加inlineDynamicImports: true为我解决了这个问题

export default {
input: "src/main.ts",
output: {
    sourcemap: true,
    format: "iife",
    name: "app",
    file: "public/build/bundle.js",
    inlineDynamicImports: true, //Add this
},

svelte - import dependency package with error

Answer 2

您应该将format设置为等于esm或es