通过webpack返回不同结果的Flickity

Question

我使用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对象返回了不同的结果。因此，它会导致flickity对象上的操作/方法表现不同。请看下面的截图，以获得更好的说明：

开发环境：

​

​

通过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在两个环境中是不同的。在这个问题上我仍然需要帮助。

Answer 1

正确的语法是：

import Flickity from 'flickity';

编辑：它似乎工作正常，看看我的snippet (我已经使用了react模板，但也可以使用普通的es6 )