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

Question

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?

Answer 1

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,