javascript - 通过webpack的轻拂返回不同的结果

我正在使用npm:npm i flickity安装Flickity。
Flickity版本为2.2.0
然后，我这样调用并使用:

import Flickity from 'flickity'
const flickity = new Flickity(el, options)
console.log(flickity)

我已经检查了函数Flickity，并意识到通过webpack构建后它会被缩小，并且它似乎为flickity对象返回了不同的结果。因此，它导致轻拂对象的 Action /方法的行为有所不同。请查看下面的屏幕截图以获取更好的说明:

开发环境:



通过webpack缩小:



谁能提出建议解决我的问题，以解决此问题？

更新:我没有提到的一条重要信息是flickity对象是在vue组件内初始化的。这可能是造成此问题的原因。

carousel.vue

import Flickity from 'flickity'
export default {
    data () {
        return { options } // options object
    }
    mounted () {
        this.instance = new Flickity(this.$el, this.options)
        console.log(this.instance)
    }
}

我正在使用vue 2.6.10。如上所述，在两种环境下，结果this.instance是不同的。在这个问题上我仍然需要帮助。

最佳答案

正确的语法是:

import Flickity from 'flickity';

编辑:
看来工作正常，看看我的snippet(我使用了react模板，但是普通的es6应该没问题)