Hi,
How to reuse styles written in LESS files In Angular 2 app with Webpack?
<h2 id="scenario-">Scenario:</h2>
I want to have a common.less file that contains the styles/style variables common for all the components. (example: some theme related variables)
Then, I want to import this common.less file in each of the component style&#39;s file, so that I don&#39;t have to rewrite these common styles/style variables there.
I am a Webpack user. When I tried this, I get the contents from common.less file getting copied in all component style files, which is bad.
Need help in doing this properly. Appreciate your help on advance.

Hi,

How to reuse styles written in LESS files In Angular 2 app with Webpack?

Scenario:
---------------
I want to have a common.less file that contains the styles/style variables common for all the components. (example: some theme related variables)

Then, I want to import this common.less file in each of the component style's file, so that I don't have to rewrite these common styles/style variables there.

I am a Webpack user. When I tried this, I get the contents from common.less file getting copied in all component style files, which is bad.

Need help in doing this properly. Appreciate your help on advance.

Angular 2 - Style reusability with LESS and Webpack?

Product

Explore

Company

Blogs

Partner with us

Support

Comparisons

Comparisons