webpack 打包 fullPage.js 时报错

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 这个错误

求大神不吝赐教

阅读 3.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进