Menu icon Foundation
bower slick carousel how to add JS files

Hi Guys does any one know or could guide me in loading a bower slick carousel component to implement the scss file and js file so i may initialize the JS into the dist from src 

ran: bower install --save slick-carousel

I included the SCSS path in my app.scss file as follows:
added to app.scss @import 'bower_components/slick-carousel/slick/slick'
added app.scss @import 'bower_components/slick-carousel/slick/slick'
I added this line to my config.yml file
- "bower_components/slick-carousel/slick/slick.js"
but how do you add the js to the single app.js file in order to initialise the js files and call a slick function 

I see that no files get outputted to the dist folder of foundations 6

Slick carousel

Hi Guys does any one know or could guide me in loading a bower slick carousel component to implement the scss file and js file so i may initialize the JS into the dist from src 

ran: bower install --save slick-carousel

I included the SCSS path in my app.scss file as follows:
added to app.scss @import 'bower_components/slick-carousel/slick/slick'
added app.scss @import 'bower_components/slick-carousel/slick/slick'
I added this line to my config.yml file
- "bower_components/slick-carousel/slick/slick.js"
but how do you add the js to the single app.js file in order to initialise the js files and call a slick function 

I see that no files get outputted to the dist folder of foundations 6

Rafi Benkual over 2 years ago

I added the scss files to a vendor folder like this:

I initialized the JS in app.js like this:

Kyle De Sousa over 2 years ago

Thank you Rafi,

I got all of that, but my question relates more to where do you add the slick.js file, do you have to add it manually in the page template or could one call the node_module to be loaded all in one js file as iIdon't want to have lots of http requests in the header or closing body tag.

 

just like all the scss files are imported to one minified css file