vue cli如何配置开发环境下的sourcemap

更新时间：2024年06月06日 11:03:05 作者：徐同保

这篇文章主要介绍了vue cli如何配置开发环境下的sourcemap问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

配置方法

vue.config.js：

module.exports = {
  lintOnSave: false,
  devServer: {
    //开发环境下设置为编译好以后直接打开浏览器浏览
    open: true,
  },
  configureWebpack: (config) => {
    //调试JS
    config.devtool = "source-map"
  },
  css: {
    //查看CSS属于哪个css文件
    sourceMap: true,
  },
}

配置后

配置前

开发环境的最佳品质的source map

module.exports = {
  lintOnSave: false,
  devServer: {
    //开发环境下设置为编译好以后直接打开浏览器浏览
    open: true,
  },
  configureWebpack: (config) => {
    //调试JS
    config.devtool = "eval-source-map"
  },
  css: {
    //查看CSS属于哪个css文件
    sourceMap: true,
  }
}

旧版vue.config.js

module.exports = {
  lintOnSave: false,
  productionSourceMap: false,
 
  configureWebpack: { // 重点
    devtool: "eval-source-map"
  },
 
  css: { //重点
    sourceMap: true
  }
}

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue底层实现原理总结
小编给大家整理Vue底层实现原理的知识点总结，如果大家对此有需要，可以学习参考下，希望我们整理的内容能够帮助到你。
2018-02-02
解决Vue编译时写在style中的路径问题
下面小编就为大家带来一篇解决Vue编译时写在style中的路径问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
vue滚动插件better-scroll使用详解
这篇文章主要为大家详细介绍了vue滚动插件better-scroll，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
Vue中跨域及打包部署到nginx跨域设置方法
这篇文章主要介绍了Vue中跨域以及打包部署到nginx跨域设置方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-08-08
基于Vue3+TypeScript实现图片预览组件
在现代的 Web 应用中,图片预览是一个常见的需求,本文将介绍如何使用 Vue3 和 TypeScript 开发一个图片预览组件,支持展示单张或多张图片,并提供了丰富的配置选项,需要的朋友可以参考下
2024-04-04
Vue实现移除数组中特定元素的方法小结
这篇文章主要介绍了Vue如何优雅地移除数组中的特定元素,文中介绍了单个去除和批量去除的操作方法,并通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
2024-03-03
vue3.0-monaco组件封装存档代码解析
这篇文章主要介绍了vue3.0-monaco组件封装存档代码解析,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2024-03-03
Vue数字输入框组件的使用方法
这篇文章主要为大家详细介绍了Vue数字输入框组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
Vue 中使用 typescript的方法详解
Typescript 5年内的热度随时间变化的趋势，整体呈现一个上升的趋势。也说明ts越来越️受大家的关注了。这篇文章主要介绍了Vue 中使用 typescript的方法详解,需要的朋友可以参考下
2020-02-02
Vue组件之间的参数传递与方法调用的实例详解
这篇文章主要介绍了Vue组件之间的参数传递与方法调用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-12-12