title: Angular 2 - Style reusability with LESS and Webpack?
body: <p>How to reuse styles written in LESS files In Angular 2 app with Webpack?</p>
  
  <p>Scenario:</p>
  
  <p>I want to have a common.less file that contains the styles/style variables common for all the components. (example: some theme related variables)</p>
  
  <p>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.</p>
  
  <p>I am a Webpack user. When I tried this, I get the contents from common.less file getting copied in all the component-specific style files (which had <code>@import 'common.less'</code>), which is inefficient.</p>
  
  <p>Need help in doing this properly. Appreciate your help on advance.</p>