VelocityJS(velocity-animate) + WebPack - How can I use it?

Question

I have started using Webpack and I have installed VelocityJS(velocity-animate) from NPM.

I am importing it like this

import Velocity from 'velocity-animate';

but I don't really know how to use it.

For example ... How would I write this?

$('.secondary-content').velocity({translateX: '0%'});

I have tried this but it did not work.

Velocity.$('.secondary-content').velocity({translateX: '0%'})

@AguV I found a solution long time ago but it required jQuery, do you want me to write it as an answer? — QoP, Apr 26 '16 at 16:58

score 2 · Accepted Answer · answered Jan 24 '17 at 21:24

import Velocity from 'velocity-animate';
Velocity(toAnim, { opacity: 0.05 }, 1000);

My tested platform: + webpack@2.2.0 + webpack-dev-server@2.2.0 + babel-core@6.22.1 + babel-loader@7.2.10 + babel-preset-es2015@6.22.0

cheers! :D

score 1 · Answer 2 · answered Apr 26 '16 at 18:01

1

I've use this and worked for me:

var $ = require('jquery');
window.jQuery = window.$ = $;
require('velocity-animate');
delete window.jQuery;
delete window.$;

answered Apr 26 '16 at 18:01

Agu V

2 Answers2