Is vuejs app.js import path can be dynamic or in if else condition?

Question

App.js

Original

import x from 'project/a'

can it be

var project = 'a'

if(project == 'a')
{
   import x from 'project/a'
}
else
{
   import x from 'project/b'
}

or could it use

var project = 'a'
var filepath = '';

if(project == 'a')
{
   filepath = 'project/a';
}
else
{
   filepath = 'project/b';
}

import x from filepath

Answer 1

You could either import both and do the conditional:

import initProjectA
import initProjectB

if (condition) {
  initProjectA()
} else {
  initProjectB()
}

Or do dynamic imports:

import(module).then(importedModule => {
  importedModule.default() // assuming you did `export default`
})