# Generate a new CSS file into dist/styles

**URL:** https://discourse.roots.io/t/generate-a-new-css-file-into-dist-styles/12715
**Category:** sage
**Tags:** webpack, sage9
**Created:** 2018-06-18T20:03:48Z
**Posts:** 3
**Showing post:** 2 of 3

## Post 2 by @MWDelaney — 2018-06-18T20:32:30Z

You’d use the same process outlined here, but with a `.scss` file rather than a `.js` file:

> [@Sage 9 Code Splitting](https://discourse.roots.io/t/sage-9-code-splitting/12682/2):
>
> I think you could create a new entry in resources/assets/config.json to build a page-specific bundle and set up a page-specific enqueue the normal WordPress way. It’s not quite the same thing, but I wrote about how to do this with stylesheets here: Essentially you’ll add the entry like this: theme-name/resources/assets/config.json { "entry": { "main": ["./scripts/main.js", "./styles/main.scss"], "heavypage": ["./scripts/heavypage.js"], "customi…

---

_[View the full topic](https://discourse.roots.io/t/generate-a-new-css-file-into-dist-styles/12715)._