Magento Stack Exchange is a question and answer site for users of the Magento e-Commerce platform. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to figure out how to display the LESS file and line number pre compilation in developer tools so that I can see where I need to be editing. I have previously got this up and running with SASS on M1 but can't figure it out with M2.

I have tried both enabling Source Maps in Chrome dev tools and installed fireLESS in Firefox however I always get the compiled file output not the original LESS file.

I can see in dev/tools/grunt/configs/less.js that Sourcemaps are enabled:

options: {
        sourceMap: true,
        outputSourceFiles: true,
        strictImports: false,
        sourceMapRootpath: '/',
        dumpLineNumbers: true, // use 'comments' instead false to output line comments for source
        ieCompat: false
    }

However this is making no difference.

share|improve this question
    
Something I have noticed is that when adding a bespoke less file that is being shown correctly with FireLess, its the styles-l and styles-m output thats not giving me the root files. Maybe this is due to the Symlink process in compilation i'm not sure. – user3250 Jun 3 '16 at 10:54

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.