Используйте Babel для транспонирования Vue шаблона вместо Buble - PullRequest
Новая
       8

Используйте Babel для транспонирования Vue шаблона вместо Buble

0 голосов
/ 01 февраля 2019

Я пытаюсь использовать @babel/plugin-proposal-optional-chaining, чтобы я мог сделать как {{ user?.name || 'Oops' }} в моих шаблонах Vue.Я добавил плагин в мой файл babel.config.js, но он все еще вызывает ошибку vue-loader.После некоторого поиска кажется, что vue использует buble вместо babel для переноса js внутри тега шаблона.

Есть ли способ использовать babel вместо buble для переноса js в шаблоне?

1 Ответ

0 голосов
/ 02 февраля 2019

Если вы используете веб-пакет, попробуйте это в build / webpack..conf.js (замените там, где тест соответствует, и настройте его в соответствии с вашими предпочтениями) 

module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            js: 'babel-loader'
          }
        }
      },
      {
        test: /\.js$/,
        use: [{
          loader: "babel-loader",
          options: { presets: ['es2015'], compact: false }  // Add here your options!
        }]
      },
      ...
    ]
    ...
  }
  ...
}

Возможно, вам придется установить инастройте babel с помощью файла .babelrc, чтобы добавить предложение и загрузчик babel

Если это не веб-пакет, пожалуйста, добавьте дополнительную информацию о структуре вашего проекта и способе его компиляции / переноса (или перенесите в веб-пакет).это хороший друг для трансплантации).

Также, если вам нужна дополнительная помощь, дайте мне знать.

Надеюсь, это поможет хотя бы немного :)

...