Vue - 允许浏览器进行debugger调试

请叫我背影男神

4557人浏览 · 2022-10-27 14:15:01

请叫我背影男神 · 2022-10-27 14:15:01 发布

打开项目的vue.config.js，修改configureWebpack，添加

devtool: '#eval-source-map',

完整配置代码

 configureWebpack: {
    name: name,
    devtool: '#eval-source-map',
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },

然后就可以在想要调试的vue页面添加debugger

然后重新编译、运行项目，打开外部浏览器，在调用添加debugger的方法时打开浏览器的检查

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^