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

296 阅读1分钟

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

index.ts

function foo(){}

export default foo

转译后变成了

export.default = foo;

外部引用的时候只能通过

import foo from "./index.js"

foo.default

看起来有奇怪

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

'use strict';

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

问题来自
github.com/TypeStrong/…