Ask A Question

Notifications

You’re not receiving notifications from this thread.

How do I add Zurb foundation-sites using webpacker?

Jason Brown asked in CSS

Hey Jason!

For the most part, you'll just follow their instructions which is usually yarn add package and an import or require of the package in your application.js.

https://foundation.zurb.com/sites/docs/installation.html

There's nothing special to using things now because we're just using Webpack for everything which most all Javascript modules have instructions for on how to use. You can just look for Webpack instructions and follow those almost every time. 👍

Reply

Hi Chris,

I have been trying to figure out how to install Foundation using yarn yarn add foundation-sites. I have run the code but I don't understand what to do next. Can you point me in the right direction?

Reply

Is there a reference implementation or example to follow?

Reply

Hi,

Have a look at the template I just did. Let me know if I can help further

https://railsbytes.com/public/templates/X6ksRW

Reply

This is awesome Martin!

Reply

That template was gold. Here's a gist that that extends that thinking, looking at setting up a basic working environment: https://gist.github.com/dvodvo/313bcb4da83030c48280fe76065da9e3

Reply
Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 86,796+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.