Tyepscript/es6 模块由 babel/webpack 导出为具有默认属性的_esModule
Tyepscript/es6 module exported by babel/webpack as _esModule with default property
我已经将一个javascript应用程序转换为typescript,但是现在我已经将我的代码转换为typescript/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 {...
您可以将捆绑包输出转换为全局变量。目前libraryTarget
指向支持CommonJS和AMD的UMD
相关文章:
- 使用jQuery向“选择选项”添加默认属性
- 如何在更改的事件处理程序中忽略Polymer元素上默认属性的初始覆盖
- 原型上具有默认属性的es6类在traceur中抛出
- 为什么我的模型中的默认属性返回未定义
- 如何在 RaphaelJS 中根据需要为文本创建默认属性并链接其他属性
- Jquery 日期选择器删除 onclick 和 onchange 并添加默认属性
- babel 5和babel 6之间发生的事情导致我导入的模块存在于对象的默认属性之外
- 如何在Backbone.marionette.js的ItemView或Layout中设置默认属性
- 表单元素覆盖表单对象的默认属性
- 对象文字调用默认属性
- 确定Model'的当前属性与默认属性不同
- 在AngularJS中使用默认属性
- 如何设置twitter引导程序popover的默认属性值
- 无法在下划线模板中呈现主干模型的默认属性
- React:如何分配对象道具的默认属性
- 替换ckeditor中的默认属性
- Raphaeljs默认属性
- 如何在React with Typescript中设置默认属性值
- 为所有剑道UI栅格设置默认属性
- 集合中的默认属性