Rollup生成空包

Question

我想将一个只有类定义的.js文件与rollup捆绑在一起。但是rollup只创建了一个空的包文件。当我在类定义之外添加一些代码时，这种情况会发生变化。这将创建一个空包：

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

这将创建一个已填充的包：

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

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

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

Answer 1

这是一个古老的话题，但对那些正在研究的人来说可能是有用的:对我来说，它是有效的：

更改文件tsconfig.json

  "emitDeclarationOnly": false,

Answer 2

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

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

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