Использование Babel и Webpack для настройки React-проекта с нуля

[Suvitruf]

github.com/ReactJSResources/react-webpack-babel

[TheShock]

Какая-то безумно странная картинка. Из .js получается .hbs, из которого — опять .js.
Из .sass+.cjs получается .sass, из которого получается .jpg, а вот .png получается просто из .js. А из просто .cjs получается .sass, из которого нельзя сделать .jpg.

Простите, это какой-то ребус? Можете под спойлер засунуть его расшифровку?

[Nest_aka_Swan]

Это схема зависимостей, а не преобразования.

[tbl]

Картинка слева про зависимости: js-артефакт зависит от hbs-артефакта, который в свою очередь зависит от cjs и js, и т.д., а вебпак просто это все компилирует/препроцессит/… и линкует в бандл(один или несколько) со своей файловой системой на основе массива или мапы.

[TheShock]

То есть это, типа, схема конкретного проекта, где из sass есть ссылки на jpg, но нету на png, а вот из js ссылки на png есть?

[Vlad_IT]

Нет, это типа

Нарисуй блоки с вот этими текстами*, и стрелочки между ними нарисуй, типа они связаны...

[justboris]

Да. В реальном проекте такая солянка вряд ли встретится, но если что, Webpack с ней справится

[MadLord]

В данном случае правило будет применяться ко всем файлам с расширениями .m и .js

У webpack какой-то свой синтаксис для RegExp? Разве в данном случае правило будет применяться не ко всем файлам с расширением .mjs и .js?

[inoyakaigor]

Просто в тексте ошибка