Foundation-sites 6.8.1 - how to compile SASS

[aderowbotham]

I am trying to upgrade an old site that runs Foundation-sites 6.1.1, which was installed using bower. With that version I am using grunt-sass and it all works fine. But when upgrading it to 6.8.1 I get errors. So I made a clean install to test it out.

6.8.1 appears to have a gulpfile so it appears gulp should be used to compile the included SASS. Is that correct?

I have installed foundation-sites into a new folder. I cannot find clear followable instructions for running Gulp to watch / build the SASS.

So far run:

nvm use 16.16.0
npm install foundation-sites@6.8.1

What now? I have everything in node_modules/foundation-sites

If I navigate to that folder I tried:

npx gulp watch
[12:34:28] Local gulp not found in ~/Sites/foundation-test-2
[12:34:28] Try running: yarn add gulp

gulp watch
[12:35:14] Local modules not found in ~/Sites/foundation-test-2/node_modules/foundation-sites
[12:35:14] Try running: npm install

• Do I need to npm install again in there?
• Do I need yarn?

The documentation here indicates to use Grunt. After I upgraded my site from 6.1.1 to 6.8.1 grunt-sass was giving me errors, and I assumed the intended build tool was gulp now, given that 6.8.1 has this.

[jatejada]

Hi, i use this example to start my own bundler, it works with Node >=18.

[aderowbotham]

Thanks so much! I will give that a go tomorrow

[aderowbotham]

@jatejada That fails at foundation new --framework sites --template basic with

Installing dependencies...

undefined

There were some problems during the installation.

 ✓ New project folder created.
 ✗ Node modules not installed. Try running yarn install manually.

Any ideas? Node version is 18.19.0

yarn install itself seems to work but then foundation new still fails the same way

[aderowbotham]

@jatejada Further to this – the manual install method does work, and finally got sass compiling ok 👍🏻