代码改变世界
[登录 · 注册]
  • 【转载】vue cli 3.0下配置开发环境下的sourcemap
  • 转载:https://blog.csdn.net/u010341392/article/details/90209946

    问题描述
    vue cli 3.0环境下开发调试过程中发现部分vue的源码找不到,调试窗口中同名字的vue文件最多只能出现一个,而且文件的位置也不对应相应的文件夹,直接在webpack://根目录下罗列出来

    问题分析
    因为是用的vue cli 3.0版本,与2.x的配置文件改变了很多,所以老版本的配置不能复制过来使用。
    网上查找了很多资料,都是提的配置productionSourceMap为true,如下,然而我的工程里一开始就已经将该项配置为true,结果还是如上所述,

    module.exports = {
    productionSourceMap: true,
    }
    1
    2
    3
    也在官网上看了vue cli 3.0版本详细配置说明,也是描述productionSourceMap为开发环境源码配置项,然结果显然说明不是的

    于是各种查找,各种尝试,各种研究,最终总算是成功了,配置如下:

    const debug = process.env.NODE_ENV !== 'production'
    module.exports = {
    ……//自己的其他配置
    configureWebpack: config => {
    if (debug) { // 开发环境配置
    config.devtool = 'source-map'
    }
    },
    ……//自己的其他配置
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    配置成功后,调试窗口中源码位置的webpack://根目录下会多出一个src文件夹,里面就有所有的源码了
    ————————————————
    版权声明:本文为CSDN博主「chgiser」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/u010341392/java/article/details/90209946

  • 上一篇:Excel 获取自己的文件名
    下一篇:【转载】小结解决双网卡网关问题(route add p) 关于静态路由
  • 【推广】 阿里云小站-上云优惠聚集地(新老客户同享)更有每天限时秒杀!
    【推广】 云服务器低至0.95折 1核2G ECS云服务器8.1元/月
    【推广】 阿里云老用户升级四重礼遇享6.5折限时折扣!
  • 原文:https://www.cnblogs.com/h2zZhou/p/13038102.html
走看看 - 开发者的网上家园