How i can add less plugin like "less-plugin-inline-svg"

Avatar

Avatar
Give Back 5
Level 2
Unnikrishnankv
Level 2

Likes

2 likes

Total Posts

33 posts

Correct reply

0 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 1
Validate 10
View profile

Avatar
Give Back 5
Level 2
Unnikrishnankv
Level 2

Likes

2 likes

Total Posts

33 posts

Correct reply

0 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back
Ignite 1
Validate 10
View profile
Unnikrishnankv
Level 2

25-08-2020

I need to add a less plugin(less-plugin-inline-svg) to create a svg data url. is there any option to add new plugin to compiler.

 

Thanks!, 

Unnikrishnan 

View Entire Topic

Avatar

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

238 likes

Total Posts

251 posts

Correct reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile

Avatar
Validate 1
MVP
Theo_Pendle
MVP

Likes

238 likes

Total Posts

251 posts

Correct reply

105 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile
Theo_Pendle
MVP

26-08-2020

Hello @Unnikrishnankv

I don't believe there is, but even if there were, I don't think it would be the best way to proceed.

If you want to do advanced pre-processing then I think your best bet is to do so during a build process, by creating a front-end project as is commonly done when using the later version of the AEM Maven Archetype. Here are some advantages:

  1. This is the direction that the AEM community is going, so you're more likely to be in line with best practices
  2. The documentation around npm, webpack, node, etc. is much vaster than the documentation on AEM compilers
  3. You will decouple your pre-processing from AEM, meaning that your website CSS can't be broken by a future AEM release
  4. You have complete control over every aspect of your build for LESS, JS, resources, etc.