Vuejs nuxt импортировать только тогда, когда его в браузере

Question

Я пытаюсь импортировать Filepond, когда процесс выполняется в браузере.В настоящее время у меня есть это

    <script>
          import * as FilePond from 'filepond'
         export default {

           components:{
               FilePond
             }
          }
     </script>

Так что я с нетерпением жду, чтобы изменить выше, чтобы импортировать только Filepond, если это браузер.Я знаю, что вы можете проверить через

       <script>
         if(process.browser){
            ///use import here
          }

Но в вышеупомянутом я не могу добавить import * as Filepond from 'filepond' непосредственно в операторе if.Как мне достичь этого

Answer 1

Вам нужно использовать Требуется .

 if(process.browser){
            const FilePond = require('filepond')
          }