FuseBox 2.2.3 содержит важное обновление, которое делает Babel бесполезным.

Мы прилагаем все усилия, чтобы предоставить разработчикам JavaScript лучший опыт. В последней версии FuseBox есть «обезболивающее». Теперь вы можете использовать компилятор Typescript для преобразования ваших проектов javascript.

Babel предлагает функции, которые есть в предложении, и это одновременно и хорошее, и плохое. Посмотрите, где люди оказались

import React from "react"


Непонимание модулей ES6, обновление Babel, слезы и решение
29 октября 2015 года Себастьян Маккензи, Джеймс Кайл и остальные члены команды Babel потеряли крупную выпуск для… medium.com



Это старая статья, но хотите верьте, хотите нет, новички все еще приходят из WebPack, сообщая нам, что FuseBox не работает и их импорт не определен.

Просто чтобы быть на одной странице:

Вы не можете использовать import default из пакета, не содержащего export default

import * as React from “react”

Переход на FuseBox

Переход на FuseBox, безусловно, сэкономит ваше время на его настройке, не говоря уже о невероятно быстром времени сборки.

Установите FuseBox:

npm install fuse-box typescript --save-dev

Затем давайте создадим файл fuse.js

const { FuseBox, SVGPlugin, CSSPlugin } = require("fuse-box");
const fuse = FuseBox.init({
  homeDir: "src/",
  output: "dist/$name.js",
  experimentalFeatures : true,
  useTypescriptCompiler: true,
  plugins: [SVGPlugin(), CSSPlugin()]
});
fuse.dev();
fuse.bundle("app").instructions("> index.jsx");
fuse.run()

Волшебство здесь в useTypescriptCompiler, которое заставляет FuseBox переносить все с помощью машинописного текста. Машинопись очень хорошо справляется со своей задачей. С предустановкой выше у вас будут все современные функции, включая динамический импорт.

Фактически, эта конфигурация используется для питания React-example



fuse-box / response-example
Участвуйте в разработке response-example, создав учетную запись на GitHub. github.com



Идите и проверьте это. HMR работает из коробки (50 мсек на повторную компиляцию) Встряхивание дерева будет достигнуто запуском node fuse dist

Мы много работали над 2.2.3. В нем много обновлений, связанных с удобством разработчика. Например, экстрактор зависимостей CSS.

@import "shared"

При изменении shared.scss FuseBox соответствующим образом обновит родительский файл при касании последнего. Работает с PostCSS и Sass. Самое приятное - вам не нужно ничего настраивать.

А если все-таки настроить, выглядит красиво и чисто.

Оставайся слитным