const Header = ((version)=>{
switch(+version){
case 3:
return require('src/components/Header3.vue');
case 2:
return require('src/components/Header2.vue');
default:
return require('src/components/Header.vue')
}
})(process.env.VERSION);// App.vue
import Header from 'src/components/Header.vue'; //как обычно
// в vue.config
const path = require('path');
module.exports = {
configureWebpack: {
resolve: {
alias: {
'src/components/Header.vue': path.join(__dirname, `src/components/Header${process.env.VERSION}.vue`),
'src': path.join(__dirname, 'src/'),
}
}
}
}
Если у вас использован стандартный create-react-app, то там всё преднастроено только для стилей с именами {имя}.module.{расширение}.
P,.S. "Рабочий" у вас это просто обычное указание обычного класса.)