javascript - 如何使用 npm 将速度插件添加到 ScrollMagic?

标签 javascript node.js package.json

我需要将带有 velocity 插件的 scrollMagic 添加到我的 npm 库中。

包.json

{
  "name": "library",
  "version": "1.0.10",
  "description": "blabla",
  "main": "index.js",
  "dependencies": {
    "shortid": "2.x",
    "jquery": "2.x",
    "scrollmagic": "2.x"
  }
}

有办法吗?

单纯添加ScrollMagic不包含插件

如果需要更多信息,请告诉我。

编辑:

如果我这样添加插件:require('scrollmagic/uncompressed/plugins/animation.velocity.js')

我收到这些错误。

    ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.velocity.js
Module not found: Error: Cannot resolve module 'ScrollMagic' in /home/av/local.dev/testest/node_modules/scrollmagic/scrollmagic/uncompressed/plugins
 @ ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.velocity.js 31:2-46

ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.velocity.js
Module not found: Error: Cannot resolve module 'velocity' in /home/av/local.dev/testest/node_modules/scrollmagic/scrollmagic/uncompressed/plugins
 @ ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.velocity.js 31:2-46

最佳答案

我在 webpack.config.js 中添加了这些库来解决这个问题:

resolve: {
        extensions: ['', '.js', '.json'],
        root: [Path.join(__dirname, "node_modules")],
        modulesDirectories: ['node_modules'],
        alias: {
            "ScrollMagic": Path.resolve('node_modules', 'scrollmagic/scrollmagic/minified/ScrollMagic.min.js'),
            "animation.velocity": Path.resolve('node_modules', 'scrollmagic/scrollmagic/minified/plugins/animation.velocity.min.js'),
            "velocity": Path.resolve('node_modules', 'velocity-animate/velocity.min.js')
        }
    }

关于javascript - 如何使用 npm 将速度插件添加到 ScrollMagic?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36408862/

相关文章:

javascript - 根据数组返回 DOM 元素

javascript - "Can' t 发送后设置 header ”和清空发布请求正文

javascript - jQuery 发现在 Node.js 中无法正常工作

node.js - 如何在 Node 中安排任务在每天上午 9 点运行?

node.js - 如何将一个 `npm run script.js` 的返回值作为参数传递给另一个 `npm run script2.js` ?

javascript - 引用错误: Object prop not defined

Javascript 即时添加 Div,单击 ul 列表链接

javascript - 添加数字 : "79.0014.95", 会出现意外结果,为什么?

reactjs - 运行 tsc(TypeScript 编译器)时如何将 package.json 复制到 dist 或 build 文件夹中

node.js - 使用 GitHub 上的包作为依赖项,而无需安装 Git