Rollup 生成空包答案

【问题标题】：Rollup generates empty bundleRollup 生成空包
【发布时间】：2017-08-26 13:34:24
【问题描述】：

我想捆绑一个带有汇总的 .js 文件，其中只有一个类定义。但是汇总只创建一个空的捆绑文件。当我在类定义之外添加一些代码时，这会发生变化。这会创建一个空包：

class MyElement extends HTMLElement{
    constructor() {...}
    ...
}

这会创建一个填充包：

class MyElement extends HTMLElement{
    constructor() {...}
    ...
}

customElements.define('my-element', MyElement);

但我不想在该文件中包含 ...define()。有没有办法让 rollup.js 只捆绑类定义？

【问题讨论】：

【解决方案1】：

老话题，但对正在研究的人可能有用：对我来说它有效：

更改文件tsconfig.json

  "emitDeclarationOnly": false,

【讨论】：

【解决方案2】：

您有一个模块，它在其本地范围内定义了一个类，但不对它做任何事情 - 既不导出它，也不使用它来执行副作用，例如将其传递给 define。这是死代码 - 它将被汇总剥离。您可能想要使用

export default class MyElement extends HTMLElement { /*
^^^^^^^^^^^^^^ */
    constructor() { … }
    …
}

它可以捆绑到仍然导出类的东西上，以便在其他地方使用。

【讨论】：