由Babel / webpack導出的Tyepscript / es6模塊以_esModule的形式具有默認屬性

Question

我已經將一個javascript應用程序轉換為打字稿，但是現在我已將代碼轉換為打字稿/ es6樣式的導出，而babel / webpack無法正確導出它們。

由於我現在使用export default...語法，因此babel將其轉換為esModule對象，該類實際上已附加到default屬性。

自然，此對象格式對於實際使用它的任何人都不再有效。

我嘗試將babel-plugin-add-module-exports插件添加到混合中，但它沒有做任何更改。 我想知道打字稿中是否出現了問題。

.babelrc：

{
    "plugins": [
        "add-module-exports",
        "lodash"
    ]
}

tsconfig.json：

{
  "compilerOptions": {
    "target": "es2015",
    "module": "commonjs"
  }
}

webpack.config.js：

entry: {
    'myfile.ts'
},
output: {
    filename: 'myfile.js',
    library: 'MyApp',
    libraryTarget: 'umd'
},
resolve: {
    extensions: ['', '.ts', '.js']
},
module: {
    loaders: [{
        test: /\.ts$/, loader: 'babel!ts-loader'
    }]
}

myfile.ts只是導出一個類：

export default class MyApp {...

Answer 1

您可以將包輸出轉換為全局變量 。 當前libraryTarget指向支持Commonjs和AMD的 UMD