vue3在浏览器source中打断点

最新推荐文章于 2025-01-22 15:28:04 发布

一个打工仔的笔记

最新推荐文章于 2025-01-22 15:28:04 发布

阅读量2.2k

点赞数

分类专栏： vue 文章标签： webpack vue.js javascript

本文链接：https://blog.csdn.net/Web_Notes/article/details/121968777

版权

浏览器source文件都是压缩过的，不能在浏览器上打断点
需要自己配置让浏览器source显示全部代码
1.在根目录上添加一个叫vue.config.js的文件
2.vue.cong.js 内容
在这里插入图片描述

module.exports = {
   
  // 放置静态资源的地方 (js/css/img/font/...)
  assetsDir: 'static',

  // 是否为生产环境构建生成 source map？
  productionSourceMap: false,

  configureWebpack: {
   
    devtool: 'source-map', // 配置本地调试
    module: {
   }