Поддерживает ли webpack импорт esm модулей с node_modules без транспайлинга?

допустим import Button from '@material-ui/core/esm/Button' даст Syntax Error, который будет жаловаться на export default в material-ui

Или мы все таки пришли к тому, что теперь надо через Babel прогонять node_modules? :DD

@Akiyamka

хай.

вопрос. в webpack под капотом есть https://github.com/webpack/webpack/blob/master/lib/node/NodeWatchFileSystem.js#L19. там есть метод watch. он в себя принимает files кроме прочего.

я курил вчерашний вопрос (@Akiyamka ты в контексте вчерашней проблемы).

покурил разницу между нашей сборкой (кастом с webpack configs против @angular/cli сборки - тоже вебпак под капотом, но там этот момент работает). так вот про NodeWatchFileSystem.js. что конкретно попадает в вызов watch в files этого класса?

Разница: в cli сборке я вижу там *.ts файлы своего проекта, в случае кастома я вижу те же *.js (оттранспиленные файлы).

Почему такое может происходить?

Если что на момент вот этой ситуации: в cli был ngtools-loader, у нас был ngtools-loader + babel loader (порядок: сначала ngtools, затем babel применялся)

от где-то тут я сейчас

типа вебпак что-то скомпилил и вешает дальше файл вотчеры, чтобы отслеживать дальше изменения и когда нибудь потом запустить еще раз компиляцию по изменению в файлах (я правильно понял ?)

вот и вопрос:  почему может быть (помоги по фото) так, что в клихе в fileDependencies *.ts файлы, а в нашем кастоме (сборку делал не я и я не про) - *.js файлы.

Что может к этому приводить?

Я так глубоко не копал, но вероятно это те файлы которые были изменены. Я думаю ты на верном пути, логично что должен попадать ts, тогда запускаются его лоадеры плагины и вся цепочка в конце которой js.  Когда же попадает уже скомпилируйте js файл ничего не запускается. Вообще js файлы же должны падать в output директорию в тс проектах, которая не вотчится, странно что ты их видишь в этом месте

Подскажите что за фигня ?

ну или смотри, что у тебя с импортами, или в сторону csso

Я извиняюсь

а во что превращается import * from '...'

после webpack?

в объект

я знаю что такое обьект

я имею ввиду синтаксис

как становится

импорта