cancel
Showing results for 
Search instead for 
Did you mean: 

Frontools: `gulp watch` doesn't compile custom theme files

Frontools: `gulp watch` doesn't compile custom theme files

Hi,

 

I run into the issue that while running:

gulp watch

.. the files I added in my custom theme aren't being compiled. They are being watched, because the SASS lint is triggered, however my main files (styles.scss and print.scss) aren't being compiled - I also don't get the gulp message:

File /frontend/THEME/VIEW/styles/_some-file.scss changed.

.. that other files do trigger.

 

To work around this I edit a file that does trigger compilation (such as ) whenever I need to update the full styles, but this of course is not ideal. Am I doing something wrong, do I need to change some configuration or is this not supported?

4 REPLIES

Re: Frontools: `gulp watch` doesn't compile custom theme files

  1. Check if you use 1.5.2.
  2. Did you installed fresh node.js dependencies?
  3. Could you share your `themes.json`?

Re: Frontools: `gulp watch` doesn't compile custom theme files

I just updated to 1.5.4 and ran :

npm install

 

.. to update the dependencies.

 

My themes.json configuration:

 

{
  "snow-blank": {
    "src": "vendor/snowdog/theme-blank-sass",
    "dest": "pub/static/frontend/Snowdog/blank",
    "locale": ["nl_NL"]
  },
  "klaas-default": {
    "src": "app/design/frontend/Klaas/default",
    "dest": "pub/static/frontend/Klaas/default",
    "locale": ["nl_NL"],
    "localeOverwrites": true,
    "parent": "snow-blank",
    "postcss": ["plugins.autoprefixer()"]
  }
}

 

 

I've copied `styles.scss` from snow-blank into my theme directory and added:

 

@import '_extend.scss';

.. to the bottom of the file.

 

 

If I run:

 

gulp clean
gulp inheritance
gulp watch

.. changes in `_extend.scss` are being linted but the `styles.css` doesn't get recompiled.

 

 

Re: Frontools: `gulp watch` doesn't compile custom theme files

What's your OS? Are you using Docker / Vagrant?

Re: Frontools: `gulp watch` doesn't compile custom theme files

I'm using macOS without Docker/Vagrant