Skip to main content

ESBoot 4

· 3 min read
Roc
Roc
Maintainer

ESBoot 4 is released!

What's new​

  • All In ES Mobule
  • Tailwindcss 4
  • Pnpm 10
  • vite 7
  • ESLint flat config
  • Update all dependencies
  • Refactor Stylelint rules, add esboot-stylelint-config.
  • Enhance esboot-browser, support more browser tools
  • Add esboot-browser-react, for browser React project support
  • Support vue
  • Embrace React Compiler.
  • Fix bugs
  • Based on the development of the past year, optimize the template code
  • Optimize Website UI
  • Support Template variable
info

Can't wait to try it? Go to Migrate Guide, and start your new journey with ESBoot 4!

ESBoot​

  • Replace biome to eslint(antfu/eslint-config).
  • Upgrade node engine to 20.19.0.
  • vite@5 => vite@7.
  • Upgrade Bridge@2

Bundler​

  • px2rem exclude node_modules by default

Bundler-webpack​

  • feat: extraBabelIncludes support to absPath or npm pkg
  • fix: build time is 0
  • fix: tailwindcss not work after build by webpack
  • chore: support import x from x.scss
  • chore: Remove Webpackbar
  • chore: Change cjs to esm
  • chore: remove postcss-normalize
  • chore: remove postcss-flexbugs-fixes
  • Support assetsInlineLimit configuration.

Bundler-vite​

  • fix: Handle import * as variableName syntax

  • fix: StyleName has a whitespace

  • fix: Scss file does not provide an export named default

  • feat: Warning when not found styleName like webpack.

  • feat: support tailwindcss@4

  • chore: Upgrade vite-plugin-static-copy@2 to @3

  • chore: Upgrade vite@5 to @7

  • chore: Upgrade express@4 to @5

  • Support assetsInlineLimit configuration.

Tailwindcss 4.0​

Tailwindcss upgraded to 4.1.

Breaking Changes​

  • Config file modified
  • Entry file modified

Changes from v3​

See changes from v3

  • Remove @apply
  • Remove @config
  • Remove @variants
  • Remove @responsive
  • Remove @screen
  • Remove @variants

Browser​

  • add userAgent, isBrowser, isAndroid, isIos
  • add createExternalConsole

Browser-react​

  • add React Error boundary

ESLint​

  • Refactor config
  • Restrict key in lang json
  • 8 => 9 / flat config

Stylelint​

  • Refactor config

Plugin-vue​

Template​

  • React 18 => 19
  • @reduxjs/toolkit to Zustand
  • Upgrade to bridge@3
  • Dynamic import lang
  • Improve Code Quality

Website​

  • Update UI
  • Add Development Docs section, like i18n/css etc.

Config​

React Compiler Experimental Support​

ESBoot v4 added experimental support for React Compiler. React Compiler is an automatic optimization tool from the React team, which can automatically perform memoization and other performance optimizations.

Configuration​

Add to config file:

experimental: {
  reactCompiler: {
    enable: true,
    target: '19', // or '18'
  },
}

Next Step​

Go to Roadmap for more details.