Issue with dev-tools style editing in Nuxt.js

Question

I'm working on a Nuxt.js application, and I often need to check styles in my browser's dev-tools, but when I do make a change to the styles in the dev-tools all the styles reset in the browser? Has anyone one else had the same issue? I can't seem to find anything anywhere else about this??

Answer 1

on nuxt.config.js file, disable the sourceMaps for scss files with the loader property

export default {
  // ...
  build: {
    loaders: {
      scss: { sourceMap: false },
    },
  },
  // ...
}

see in ~> nuxtjs.org/api/configuration-build/#loaders