时间戳

首页 > 解决方案 > Webpack 和 Scrollmagic - debug.addIndicators 不可用

javascript - Webpack 和 Scrollmagic - debug.addIndicators 不可用

问题描述

我在 webpack (v4) 项目中使用 scrollmagic。它工作正常，但是当我想在 Scrollmagic.Scene() 中使用“debug.addIndicators”时出现错误： 在此处输入图像描述

这里有什么错误？

我的进口：

import * as ScrollMagic from 'scrollmagic';
import { TimelineMax, TweenMax } from 'gsap';
import { ScrollMagicPluginGsap } from 'scrollmagic-plugin-gsap';
ScrollMagicPluginGsap(ScrollMagic, TimelineMax);
import 'debug.addIndicators';

webpack 配置：

module.exports = {
resolve: {
    alias: {
        'debug.addIndicators': path.resolve(
            'node_modules',
            'scrollmagic/scrollmagic/uncompressed/plugins/debug.addIndicators.js'
        ),
    },
},
....

调试指标的使用：

new ScrollMagic.Scene({
    duration: sliderImagesContainerHeight,
    triggerElement: '#trigger1',
    triggerHook: 0.25,
})
    .setTween(indicatortween)
    .addIndicators()
    .addTo(controller);

标签： javascriptanimationwebpackgsapscrollmagic

解决方案

推荐阅读