@symfony/webpack-encore 4.7.0

on Node.js NPM

Hey packagers, it's been a while!

After several months of inactivity, Webpack Encore is back with a few new features: many loaders upgrades, Node.js 22 support, and Vue3+JSX.

Features

• #1284 Improve ESLint and Babel help messages, when enabling ESLint integration (@Kocal)

• #1285 Add support for PNPM for installation commands (@Kocal)

• #1286 Add support for Node.js 22 (@Kocal)

• #1299 Add support for less-loader 12 (@Kocal)

• #1301 Add support for postcss-loader 8 (@Kocal)

• #1302 Add support for stylus-loader 8 (@Kocal)

• #1295 Add JSX support for Vue 3 (@Kocal)

Enabling JSX support for Vue 3 is done with the Encore.enableVueLoader():

Encore.enableVueLoader(() => {}, { 
    useJsx: true,
    version: 3,
});

If you don't have a custom Babel configuration, then you're all set!
But if you do, you may need to adjust it
to add @vue/babel-plugin-jsx plugin to your Babel configuration:

// babel.config.js
module.exports = {
    plugins: [
        '@vue/babel-plugin-jsx'
    ]
};

Deprecations

• #1278 Deprecate ESLint integration (@Kocal)

• #1298 Deprecate Vue 2 support (@Kocal)

Internal

• #1275 Update some dev-dependencies to fix vulnerability issues (@Kocal)

• #1259 Update yarn used for test_apps to latest version (@karpilin)

• #1297 Upgrade GitHub Actions in CI (@Kocal)

• #1304 Replace fast-levenshtein by fastest-levenshtein (@Kocal)

• #1303 Replace pkg-up by an inlined solution (@Kocal)

Upgrading

Run:

npm install "@symfony/webpack-encore@^4.7.0" --save-dev

or:

yarn upgrade "@symfony/webpack-encore@^4.7.0"

Changes: v4.6.1..v4.7.0

Happy Packing!