Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Having trouble getting SCSS to compile

See original GitHub issue


I’m using:

Using Edition Node Webpack : v2.0.0 Node: v8.9.0 npm: v6.4.0

As directed, I copied the sample to the _app folder.

I’ve installed all these node packages:

npm install postcss-flexbugs-fixes mini-css-extract-plugin path style-loader css-loader postcss-loader sass-loader import-glob-loader node-sass autoprefixer

npm run patternlab:serve runs without error and something seems to happen when I make changes to scss files in /source/public/css/scss/ but nothing gets compiled.

I’m sure this is down to my lack of Webpack knowledge, but what else do I need to do? How does js/sample-project fit into this?

Also might be worth mentioning that after installing all the npm packages the live reload of my css and twig files stopped working.

Many thanks for any help or pointers.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

ItsJepsercommented, Nov 19, 2018

Hello @mbulfair ,

The page says, its easy to import SCSS files with the sample given, me and my collegue have worked 2 days on this, but we didn’t manage to find out how this works, is there any chance you could give an explanation on how to set this up?

mbulfaircommented, Nov 19, 2018

That’s great to hear.

Read more comments on GitHub >

github_iconTop Results From Across the Web

SCSS file not compiling anymore - Stack Overflow
I found the problem: One of the .scss files in my /scss folder was causing Sass to stop compiling. The "problematic" file was...
Read more >
Watch and Compile Sass in Five Quick Steps - Web Design
To compile Sass via the command line, first we need to install node.js. Download it from the official website, open the package...
Read more >
Sass Compiler NOT Working in Visual Studio Code - YouTube
In this tutorial I am going to explain how to fix the visual studio code live sass compiler extension if it is not...
Read more >
Stop using an extension to compile Sass - YouTube
I'm working on a Sass course! - Links ✓ Stephanie's npm script: ...
Read more >
Upgrade SASS / SCSS to Use Latest CSS - YouTube
If your live sass compiler not working in vscode, or you want to use latest SASS / SCSS and CSS properties, it is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found