Include in project using SCSS / Webpack

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

11 Jan 2022, 20:04

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.

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

13 Jan 2022, 09:55

Hi,

When compilation is done, you could copy the compilated theme.css.

Regards,

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

13 Jan 2022, 18:49

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?

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

14 Jan 2022, 14:03

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,

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

14 Jan 2022, 15:59

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.

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

14 Jan 2022, 16:39

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?

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

24 Jan 2022, 08:23

So you could compile the designer-vue and link to your project.

Thanks,

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

28 Jan 2022, 13:02

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.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

14 Apr 2022, 09:55

Hi,

Has this issue been resolved?

Best Regards,

ricombnation
Posts: 24
Joined: 11 Jan 2022, 10:54

14 Apr 2022, 10:31

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".

Post Reply

Return to “PrimeVue Theme Designer API”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests