webpack 打包 fullPage.js 时报错

发布于 2022-09-06 22:39:00 字数 936 浏览 27 评论 0

webpack 打包 fullPage.js 的问题

fullPage.js 是一个单屏滚动的插件

github 上的地址

https://github.com/alvarotrig...

如果说只是做单纯的上下翻页,在 main.js 中引入

import 'fullpage.js'

这样是没有问题的。

但是如果一个页面中的内容超出了当前页面的大小,想要让页面出现滚动条,必须配置一个属性

        $('#fullpage').fullpage({
            scrollOverflow: true
        })

还要再引入一个文件 scrolloverflow.min.js

在不使用 webpack 打包的情况下,直接<script>引入这个文件是可以正常出现滚动条的

但是使用 webpack 打包,在 main.js 中

import 'fullpage.js'
import 'fullpage.js/vendors/scrolloverflow'

会报一个错误

scrolloverflow.js?1f13:2392 Uncaught ReferenceError: IScroll is not defined

我想问的是

  1. 怎样才能使用 webpack 将 fullpage.js 和 scrolloverflow.min.js 一起打包
  2. 为什么会报 IScroll is not defined 这个错误

求大神不吝赐教

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文