2016-04-04 23 views
2

速度プラグイン付きのscrollMagicをnpmライブラリに追加する必要があります。npmでScrollMagicに速度プラグインを追加するにはどうすればよいですか?

package.json

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

はそれを行う方法はありますか?

単にScrollMagicを追加するだけでプラグインは追加されません。

詳細情報が必要な場合はお知らせください。私はこのようなプラグインを追加する場合

EDIT私はこれらのエラーを取得します( 'scrollmagic /非圧縮/プラグイン/ 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 
+1

を/scrollmagic/uncompressed/plugins/animation.velocity.js)、それを使用するだけです。 'require( 'scrollmagic/uncompressed/plugins.animation.velocity.js')' –

+0

これはどこに入れますか?私のentry.js?おそらく –

+0

でしょう。私はあなたのアプリケーションがどのように構造化されているのか分かりません。 ScrollMagicをインクルードした後にインクルードしてください。 –

答えて

1

私はwebpack.config.jsでこの問題を解決するためにこれらのライブラリを追加しました:(https://github.com/janpaepke/ScrollMagic/blob/master [それはそこにあります]

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') 
     } 
    } 
関連する問題