Having trouble getting SCSS to compile

Hi,

I’m using:

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

As directed, I copied the sample webpack.app.scss.js 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.

[ItsJepser]

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?

[mbulfair]

That’s great to hear.