首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用Vue Webpack中的Transpiler以便于调试

禁用Vue Webpack中的Transpiler以便于调试
EN

Stack Overflow用户
提问于 2019-06-30 19:03:49
回答 1查看 344关注 0票数 3

在Vue中设置断点和执行代码是非常困难的。我认为这是因为javascript ES6/ ES5 2015/ES5 2016/ES5 2017被转到ES5。源映射是稍微有用的,但是当我“一步一步”通过时,光标会跳来跳去,使我回到console.log调试。

由于Chrome支持大多数最新的功能,我想禁用大部分或所有的转换为开发。

我认为我需要做的是将transpileOptions添加到vue-loader.conf. is (如下图所示):

代码语言:javascript
运行
复制
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'

module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: isProduction
      ? config.build.productionSourceMap
      : config.dev.cssSourceMap,
    extract: isProduction
  })
}

这里是transpilerOptions上的Vue文档。医生基本上是打包票,并说,嘿,参考Buble选项

我不知道该怎么做。是否有人为了更容易的调试而成功地禁用了大部分的转换?

EN

回答 1

Stack Overflow用户

发布于 2019-07-01 08:15:03

我用Babel代替了Bublé,我对Bublé不太了解,所以我希望这能帮上忙.为了使调试更容易,我所做的就是暂时修改我的package.json中的package.json,使其只支持带有"last 1 chrome version"的最新Chrome。这从构建中移除了大部分的转换和填充,这样就更容易理解了。

我猜有某种机制可以指定您的目标浏览器,因此在您的设置中还需要填充什么。试一试,看看是否更容易调试。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56827354

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档