Search code examples
sasswebpackionic2source-maps

Ionic 2 doesn’t generate scss source maps. “main.css.map” contains “null”


Could you help me to understand why Ionic 2 doesn't generate scss source maps. After "ionic serve" I'm navigating to www/build folder, there is main.css.map but it contains null instead of generated sourcemaps, how to fix it? Anyone faced this problem?


Solution

  • You'll need to extend your sass.config.js file, by default source mapping for sass is disabled.

    config/sass.config.js:

    module.exports = {
      sourceMap: true,
    }
    

    package.json:

    "config": {
      "ionic_sass": "./config/sass.config.js",
    },
    

    https://github.com/GerritErpenstein/ionic2-custom-icons/blob/master/docs/CONFIGURATION.md

    Cheers,