Page 1 of 2
Include in project using SCSS / Webpack
Posted: 11 Jan 2022, 20:04
by ricombnation
Hi
I would like to include custom my theme using the scss files. Compilation to css is done using webpack (Laravel Mix). What exactly do I need to copy over from the designer folder (apart from the contents of /mytheme)? I thought theme.scss is the main file / entry point for compilation.
Re: Include in project using SCSS / Webpack
Posted: 13 Jan 2022, 09:55
by tugce.kucukoglu
Hi,
When compilation is done, you could copy the compilated theme.css.
Regards,
Re: Include in project using SCSS / Webpack
Posted: 13 Jan 2022, 18:49
by ricombnation
Thanks for your reply, but I don't want to include the compiled css. I want to compile it myself in order to be able to use the variables in my Vue components etc.
What beside the files in /mytheme must I include in the theme.scss? I guess the scss for all the components - but how?
Re: Include in project using SCSS / Webpack
Posted: 14 Jan 2022, 14:03
by tugce.kucukoglu
You need to copy the /mythemes and import it in the main file and add a sass command or just run a commend on the console according to your usage.
Regards,
Re: Include in project using SCSS / Webpack
Posted: 14 Jan 2022, 15:59
by ricombnation
Hmm, but if I compile theme.scss:
Code: Select all
@import './variables';
@import './_fonts';
@import './_extensions';
I'm still missing most of the css and I still have to include theme.css in my page.
I want to combine / compile theme.scss and theme.css to one css file.
Re: Include in project using SCSS / Webpack
Posted: 14 Jan 2022, 16:39
by ricombnation
Ah I see this is where all the other stuff is coming from:
Code: Select all
@import '../../designer/_components';
So it is not recommended to copy over all the stuff in designer to the project and compile it there?
Re: Include in project using SCSS / Webpack
Posted: 24 Jan 2022, 08:23
by tugce.kucukoglu
So you could compile the designer-vue and link to your project.
Thanks,
Re: Include in project using SCSS / Webpack
Posted: 28 Jan 2022, 13:02
by ricombnation
Yes that would be an alternative. But I like how flexible I am with compiling all the designer class on the fly / within the project.
Re: Include in project using SCSS / Webpack
Posted: 14 Apr 2022, 09:55
by mert.sincan
Hi,
Has this issue been resolved?
Best Regards,
Re: Include in project using SCSS / Webpack
Posted: 14 Apr 2022, 10:31
by ricombnation
Hi, thanks for your reply.
Sort of - I copied all the designer files into my project and compile it with all the other SCSS in my app. Super flexibel but not really "updateable".