[英]Tyepscript/es6 module exported by babel/webpack as _esModule with default property
我已经将一个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 {...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.