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