웹 팩을 통한 깜박임이 다른 결과를 반환함

웹 팩을 통한 깜박임이 다른 결과를 반환함

npm을 사용하여 Flickity를 설치합니다.npm i flickity플리키 버전은2.2.0

그러면 이렇게 전화를 해서 사용합니다.

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

기능을 확인했습니다.Flickity웹 팩을 통해 구축한 후 최소화된 것을 깨닫고 다른 결과를 반환하는 것 같습니다.flickity물건.따라서 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';

편집: 정상적으로 동작하고 있는 것 같습니다.스니펫을 봐주세요(리액션 템플릿을 사용했지만 플레인 es6도 괜찮습니다).

언급URL : https://stackoverflow.com/questions/59282049/flickity-via-webpack-returning-different-result