Webpack переименовывает переменные при импорте

Столкнулся с такой проблемой:

tab.js содержит такие данные:

let qwerty = 'qwerty'

scripts.js содержит:

'use strict';
import 'tab.js'

console.log('qwerty', qwerty);

В результате на странице выводится ошибка:

Uncaught ReferenceError: qwerty is not defined

Глянул в скомпилированный файл и вижу такое:

'use strict';
let tab_qwerty = 'qwerty';
console.log('qwerty', qwerty);

Получается при компиляции вебпак переименовывает переменную qwerty в tab_qwerty, таким образом переменную, которую я хочу получить недоступна. Как быть наведите на мысль?


Ответы (1 шт):

Автор решения: Aleksandr

В общем нужно было очень внимательно проесть три статьи https://learn.javascript.ru/modules

tab.js

export let qwerty = 'qwerty'

scripts.js

import {qwerty} from 'tab.js'

Благодарю andreymal

→ Ссылка