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%'})

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%'})

• javascript
• webpack
• velocity.js

• I have the same issue. – Agu V Commented Apr 26, 2016 at 16:44
• 1 @AguV I found a solution long time ago but it required jQuery, do you want me to write it as an answer? – QoP Commented Apr 26, 2016 at 16:58
• I've found that solution as well. Thank you! – Agu V Commented Apr 26, 2016 at 17:01

2 Answers 2

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

Quelle: https://www.smashingmagazine./2014/09/animating-without-jquery/

My tested platform: + [email protected] + [email protected] + [email protected] + [email protected] + [email protected]

cheers! :D

I've use this and worked for me:

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