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

Question

我正在使用 npm 安装 Flickity:npm i 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 应该没问题)