import by CommonJS dosen't working in typescript environment

[vreality64]

Description

following code throw runtime error Uncaught TypeError: axes_1.default is not a constructor

import Axes from "@egjs/Axes"

const axes = new Axes(...)

transpiled version references default property, but Axes constructor is axes_1 itself. that means default property is not constructor.

// transpiled version
var axes_1 = __webpack_require__(4);

var axes = new axes_1["default"](...)

Steps to check or reproduce

I changed Axes.d.ts by my self. but not sure it's right.
I can use import * as Axes from "@egjs/axes" with changed definition file;

export = Axes;

export as namespace Axes;

declare class Axes extends Component {
    axis: {
        [key: string]: AxisOption;
    };
    static VERSION: string;
    static PanInput: any;
    static PinchInput: any;
    static WheelInput: any;
    static MoveKeyInput: any;
    static TRANSFORM: string;
    static DIRECTION_NONE: DIRECTION;
    static DIRECTION_LEFT: DIRECTION;
    static DIRECTION_RIGHT: DIRECTION;
    static DIRECTION_UP: DIRECTION;
    static DIRECTION_DOWN: DIRECTION;
    static DIRECTION_HORIZONTAL: DIRECTION;
    static DIRECTION_VERTICAL: DIRECTION;
    static DIRECTION_ALL: DIRECTION;
    options: AxesOption;
    em: EventManager;
    axm: AxisManager;
    itm: InterruptManager;
    am: AnimationManager;
    io: InputObserver;
    private _inputs;
    constructor(axis: {
        [key: string]: AxisOption;
    }, options: AxesOption, startPos?: Axis);
    connect(axes: string[] | string, inputType: IInputType): this;
    disconnect(inputType?: IInputType): this;
    get(axes?: string[]): Axis;
    setTo(pos: Axis, duration?: number): this;
    setBy(pos: Axis, duration?: number): this;
    isBounceArea(axes?: string[]): boolean;
    destroy(): void;
}

declare interface AxesOption {
	easing?: (x: number) => number;
	maximumDuration?: number;
	minimumDuration?: number;
	deceleration?: number;
	interruptable?: boolean;
}

declare namespace Axes {
	export interface AxesOption {
		easing?: (x: number) => number;
		maximumDuration?: number;
		minimumDuration?: number;
		deceleration?: number;
		interruptable?: boolean;
	}
}

[sculove]

ok. I will check it! thanks

[sculove]

@vreality64 This issue is due to webpack bundling.
ref

• http://www.jbrantly.com/es6-modules-with-typescript-and-webpack/
• Importing defaults with es6 syntax doesn't work microsoft/TypeScript#5565
• ES6 Modules microsoft/TypeScript#2242 (comment)

I will provide ES6 module version.
thank you for your report!