webpack使用ts-loader导出export default问题

webpack使用ts-loader转译ts到js时，有如下代码：

index.ts

function foo(){}

export default foo

  

 

  
1
  
2
  
3
 

转译后变成了

export.default = foo;

  

 

  
1
 

外部引用的时候只能通过

import foo from "./index.js"

foo.default

  

 

  
1
  
2
  
3
 

看起来有奇怪

解决方式是在配置文件 webpack.config.js 中添加配置

'use strict';

module.exports = {
  // 省略其他配置
  output: {
    library: {
      name: 'libraryName',
      type: 'umd',
      // 不添加的话引用的时候需要 libraryName.default
      export: 'default',
    },
  },
  // 省略其他配置
};


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
 

问题来自
https://github.com/TypeStrong/ts-loader/issues/583

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/121704618