我在做一个Nuxt.js应用程序,我经常需要判断浏览器开发工具中的样式,但是当我更改开发工具中的样式时,所有样式都会在浏览器中重置吗?其他人也有同样的问题吗?我似乎在其他地方找不到关于这个的任何东西??

推荐答案

nuxt.config.js文件上,使用loader属性禁用sourceMaps for scss文件

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

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

Vue.js相关问答推荐

VUE:带自定义组件的数组输入绑定

使用计算(computed)属性更改视图

纵横比元素溢出容器

Vue Js Composition Api 未定义(读取名称)

在Vue cli项目中,Laravel api app放在哪里以及如何在vue js中调用api?

查找未销毁的 Vue 组件

在keyup Vuejs 2上获取输入值

理解 VueJS 中的组件 props

Vue + Webpack 构建显示空白页面

将数据传递给另一条路由上的组件

VueJS 禁用特定属性的react性

Vue 和 TypeScript 所需的props

如果我观看解构的props,Vue 3 手表将无法正常工作

vuetify:以编程方式显示对话框

我可以避免使用 Vue.js 组件的重复样式吗?

如何从 v-for 创建的对象中绑定多个类?

过渡后的 v-if 下方的过渡元素

VueJS错误避免直接改变props

在 Vuejs 中放置 firebase.auth().onAuthStateChanged() 的位置

Vuetify 离线文档