Ana içeriğe geç

@vue/cli-plugin-babel

vue-cli için babel eklentisi

Yapılandırma​

Varsayılan olarak Babel 7, babel-loader ve @vue/babel-preset-app kullanır, ancak babel.config.js üzerinden başka Babel ön ayarları veya eklentileri kullanacak şekilde yapılandırılabilir.

ipucu

Eğer bir bağımlılık modülünü açıkça dönüştürmek istiyorsanız, bunu vue.config.js içindeki transpileDependencies seçeneğine eklemeniz gerekecek.

Varsayılan olarak, babel-loader node_modules bağımlılıkları içindeki dosyaları hariç tutar. Aşağıdaki gibi yapılandırabilirsiniz:

module.exports = {
  transpileDependencies: [
    // string veya regex olabilir
    'my-dep',
    /other-dep/
  ]
}

Önbellekleme​

betal-loader önbellek seçenekleri varsayılan olarak etkinleştirilmiştir ve önbellek /node_modules/.cache/babel-loader içinde saklanır.

Paralelleştirme​

thread-loader varsayılan olarak 1'den fazla CPU çekirdeği olduğunda etkinleştirilmiştir. Bu ayar, vue.config.js içinde parallel: false ayarlayarak kapatılabilir.

tehlike

parallel, regexler, tarihler ve fonksiyonlar gibi seri hale getirilemeyen yükleyici seçenekleri ile birlikte Babel kullanıldığında false olarak ayarlanmalıdır. Bu seçenekler babel-loader'a doğru bir şekilde iletilmeyecek ve beklenmedik hatalara yol açabilir.

Zaten Oluşturulmuş Bir Projeye Kurulum​

vue add babel

Enjekte Edilmiş webpack-chain Kuralları​

  • config.rule('js')
  • config.rule('js').use('babel-loader')