Нужно ли вебпаку конвертировать код в AST, если браузер поддерживает весь синтаксис про javascript и css,
Недавно я узнал, что процесс webpack комплектации выглядит следующим образом:
- прочитать файл конфигурации и зарегистрировать хуки
- получить файл модуля (обрабатывается загрузчиками) и конвертировать код в AST
- преобразовать AST в код, понятный браузеру, вне фрагмента файл на расстоянии
Я пропустил какой-то процесс, но мой вопрос в том, что шаг второй. если браузер поддерживает весь синтаксис javascript и css (например, импорт), необходимо, чтобы веб-пакет преобразовал код в AST.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Абстрактное синтаксическое дерево (AST) — это просто структура данных, используемая любым программным обеспечением для понимания кода. Это значительно лучший механизм для анализа кода по сравнению с использованием чего-то вроде манипулирования строками.
Webpack должен использовать AST для понимания и обработки вашего кода. Без этого Webpack не сможет выяснить список зависимостей, которые нужно упаковать вместе, или есть ли какой-либо мертвый код, который необходимо устранить, или есть ли какой-либо код, который необходимо перенести из ES6 в ES5 и т. д. .
Точно так же браузеры преобразуют ваш код в AST, чтобы понять инструкции и выполнить их.
Я предполагаю, что все браузеры могут распознавать написанный код. В конце концов, это повторный вход для преобразования кода в AST, а затем в распознаваемый код, а затем браузер превращает код в AST.