webpack捆绑空模块

Question

我正在开发一个带有webpack + typescript设置的项目。但我注意到，在一些导入后，webpack会生成一个空模块列表。

e.g。我有一个app.ts文件，它是一个入口点，它有以下代码：

import Information from './utilities/Information';
let info = new Information();

./ utitlities / Information是包含platform.js库的类

import platform from 'platform';
export default class Information {
    public getName(): string {
        return platform.name.toLowerCase().replace(' ', '-');
    }
}

这会导致webpack在包中生成以下代码：

, /* 8 */
, /* 9 */
, /* 10 */
, /* 11 */
, /* 12 */
, /* 13 */
/***/

一些本地创建的导入和导出也会发生同样的事情。

这里发生了什么，我该如何避免这种情况？