Webpack Encore Files

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():

:::js
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:

:::js
// 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!