Отключение Transpiler в Vue Webpack для более простой отладки - PullRequest
Новая
       16

Отключение Transpiler в Vue Webpack для более простой отладки

0 голосов
/ 30 июня 2019

Действительно трудно установить точки останова и пройти по коду в Vue. Я думаю это из-за переноса javascript ES6 / ES2015 / ES2016 / ES2017 на ES5. Исходные карты немного полезны, но часто, когда я «перешагиваю», курсор прыгает вокруг, возвращая меня к console.log отладке.

Поскольку Chrome поддерживает большинство новейших функций, я хотел бы отключить большинство или все операции переноса для разработки.

Думаю, мне нужно добавить transpileOptions в vue-loader.conf.js (показано здесь): 

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
  })
}

Вот документы Vue по transpilerOptions . В основном, документ работает и говорит: «Эй, обратитесь к опциям Buble .

».

Я не уверен, как поступить. Кто-нибудь успешно отключил большинство потоков для упрощения отладки?

1 Ответ

1 голос
/ 01 июля 2019

Я использую Babel вместо Bublé для переноса, и я мало что знаю о Bublé, поэтому я надеюсь, что это может помочь ... Чтобы облегчить отладку, я временно изменил browserslist в моем package.json для поддержкитолько последний Chrome с "last 1 chrome version".Это удаляет большую часть транспиляции и полифилов из сборки, поэтому им легче следовать.

Я предполагаю, что существует какой-то механизм, позволяющий указать, на какие браузеры вы нацеливаетесь, и, следовательно, на то, что нужно также заполнить в вашей настройке.Попробуйте и посмотрите, легче ли отладить.

...