Горячая перезагрузка Aframe от Vue CLI 3 - PullRequest
Новая
       11

Горячая перезагрузка Aframe от Vue CLI 3

0 голосов
/ 31 марта 2019

Я бы хотел сохранить свой файл VueJS и увидеть обновление изменений в выходных данных Aframe (компонент Aframe, текстуры и т. Д.).

В настоящее время я использую Vue CLI 3, и у него есть собственная настройка Web-сервера Dev. Это прекрасно работает для файлов .Vue, но когда у меня есть <a-entity/> внутри компонента Vue, создается впечатление, что часть Aframe не обновляется должным образом в мире Aframe.

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

Я пытался добавить aframe-super-hot-loader через файл vue.config.js, но безуспешно.

Вот мои текущие настройки vue.config.js, но я не уверен, как их настроить, поскольку файлы .vue содержат HTML и JS ... 

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('aframe-hot-reload')
      .test(/\.vue|.js$/)
      .use('aframe-super-hot-loader')
      .loader('aframe-super-hot-loader')
      .end()
    config.module
      .rule('aframe-hot-reload')
      .test(/\.vue|.html$/)
      .use('aframe-super-hot-html-loader')
      .loader('aframe-super-hot-html-loader')
      .options({
        exclude: /(node_modules)/
      })
      .end()
  }
}

Вот что я хотел бы сделать: https://www.youtube.com/watch?v=uh_RQay3x80

1 Ответ

0 голосов
/ 31 марта 2019

Vue HTML - это не HTML, это шаблон, который переводится в JS.Vue имеет свои горячие загрузчики.Горячий загрузчик A-Frame работает только с реальными компонентами HTML и A-Frame.Как обычно, я не рекомендую использовать дополнительные инструменты / фреймворки, чтобы избежать путаницы и ошибок.

...