When using the Theme Builder in ABP Studio, the generated CSS files are placed in the src/assets/css and styles folders relative to the Angular workspace root.
Is it possible to configure a different output location for these folders? If so, where can we change this setting or configuration files?
2 Answer(s)
-
0
- In ABP Studio Theme Builder (Angular), the output locations for the generated files are not configurable. The builder writes the generated CSS into the Angular workspace under the conventional locations (
src/assets/cssandstyles) and there is no setting / configuration file (in the solution or in ABP Studio) to change these output folders. - If you need a different structure, the practical options are:
- Keep the Theme Builder output as-is and then move/copy the generated files to your preferred folders as a separate step (e.g., via an npm script).
- Adjust your Angular build configuration to consume styles from where Theme Builder writes them (recommended, since it matches ABP Studio’s expectations).
No verified source available for this specific query.
This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) - In ABP Studio Theme Builder (Angular), the output locations for the generated files are not configurable. The builder writes the generated CSS into the Angular workspace under the conventional locations (
-
0
Hi,
The output paths are fixed in Theme Builder. There is no setting or config file to change them, either in the solution or in ABP Studio.
The only thing you can choose is which projects the theme is applied to, in the Select Projects step.
You can copy the files elsewhere after applying a theme, but it won't stick. The next apply recreates them in the original folders and points its own style entries in angular.json back there. So you'd have to redo the copy after every apply.
Could you tell me why you need them in a different place, and how your Angular workspace is laid out? If it's not the standard template layout, that's something we should handle on our side.
Thanks
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
