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

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',
    },
  },
  // 省略其他配置
};

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

上一篇:本地assets的图片文件,在使用的时候,本地可以展示,打包404的解决方案


下一篇:安装python并搭建python虚拟环境笔记