# Aurelia SCSS Support

**URL:** <https://discourse.aurelia.io/t/aurelia-scss-support/4369>\
**Category:** Framework Knowledge\
**Created:** [August 12, 2021, 12:56pm UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369 "2021-08-12T12:56:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![godfathr](https://avatars.discourse-cdn.com/v4/letter/g/9f8e36/32.png) [@godfathr](https://discourse.aurelia.io/u/godfathr)\
**Post date:** [August 12, 2021, 12:56pm UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369/1 "2021-08-12T12:56:40Z")

</div>

Is there any way to use SCSS with Aurelia and webpack? I found some github threads but they all seem to end in “oh ya, I couldn’t get that to work either.”

Thanks!

---

<div class="post-metadata">

**Author:** ![MaximBalaganskiy](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/maximbalaganskiy/32/831_2.png) [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Post date:** [August 13, 2021, 11:25pm UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369/2 "2021-08-13T23:25:39Z")

</div>

`npx makes aurelia-mdc-web` has got a working config

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [August 14, 2021, 5:20am UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369/3 "2021-08-14T05:20:16Z")

</div>

No idea where you got the issue.  
Both Aurelia 1 and Aurelia 2 official skeletons provided SCSS option for long long time.

---

<div class="post-metadata">

**Author:** ![godfathr](https://avatars.discourse-cdn.com/v4/letter/g/9f8e36/32.png) [@godfathr](https://discourse.aurelia.io/u/godfathr)\
**Post date:** [August 14, 2021, 12:58pm UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369/4 "2021-08-14T12:58:51Z")

</div>

I “got” the issue from not being able to find any documentation on CLI commands. The closest article I came across is this: [How to approach loading of .scss files · Issue #14 · aurelia/webpack-plugin · GitHub](https://github.com/aurelia/webpack-plugin/issues/14). Seems like there is a lot of manual work to get webpack configured correctly.

Might you have a link to the proper documentation that I should be using? I have search [aurelia.io](http://aurelia.io) and [discourse.aurelia.io](http://discourse.aurelia.io) and not found what I am looking for.

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [August 14, 2021, 5:51pm UTC](https://discourse.aurelia.io/t/aurelia-scss-support/4369/5 "2021-08-14T17:51:56Z")

</div>

Sorry to hear that the cli confused you.  
Assuming you are using current Aurelia 1, not Aurelia 2 alpha, the doc about creating new project is here: [Basics | Aurelia](http://aurelia.io/docs/cli/basics#introduction)

When you use “au new” or “npx makes aurelia/v1” to create new project, don’t pick any “default” in first selection, pick “custom”. Then you will be asked by a sequence of questions about various options. One of the questions will be less/sass/stylus, pick sass, then the generated webpack config will handle scss files properly.

Once a project was created, it will require manual configuration if you need to change some options. So it would be easier if you pick the right options when creating a new project.

Let’s know if you have any other difficulties. Good luck!