我在做一个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相关问答推荐

保持页面重新加载之间的状态

:deep() 带有嵌套 scss 规则的语法

如何在 vue 组件中定义变量? (Vue.JS 2)

使用 Laravel 作为后端刷新 Vue.js SPA 的身份验证令牌

VuetifyJS:如何摆脱 v-stepper 组件的提升?

如何在 Vue 中编译从外部 api 加载的模板

Vue:限制文本区域输入中的字符,截断过滤器?

使用 Vue Router 设置页面标题

Vue.js 过滤数组

Keycloak:用户基于角色的客户端登录访问限制

重新加载发布到 Github 页面的 Vue 网站时出现 404

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

在组件外使用 VueI18n 的问题

在 v-for 循环中使用 v-model

在 .vue 文件中使用 Vue.set() 和 Vue.use()

'不提供名为'createRouter'的导出'' vue 3、vite 和 vue-router

Vue路由在新页面上回到顶部

如何在 Vue.js 中延迟 @keyup 处理程序

如何访问通用 javascript 模块中的当前路由元字段

Vuejs 组件等待 facebook sdk 加载