Transpile nullish operator using webpack bundler

[jugglingcats]

In my project build output, some of the output Javascript files are using the new nullish operator ?? and this is breaking on older browsers. Is there a way to configure snowpack/webpack/babel to transpile for older browser?

My project is Typescript but the operator appears to be coming from included node modules such as d3 (and one or two others).

I've installed and added @babel/plugin-proposal-nullish-coalescing-operator to my babel.config.json but it didn't make any obvious difference.

Plugins in snowpack.config.js

    plugins: [
        "@snowpack/plugin-webpack",
        "@snowpack/plugin-react-refresh",
        "@snowpack/plugin-dotenv",
        "@snowpack/plugin-babel",
        "@snowpack/plugin-optimize"
    ]

It's interesting that the libs such as d3.js do not contain the nullish operator when running using snowpack dev, so it is being introduced during the bundling phase.

Any help much appreciated.

[jugglingcats]

I removed @snowpack/plugin-optimize and the nullish operator doesn't appear in the output any more.

Is it right that this plugin will introduce this operator by default?

[jugglingcats]

Possibly related to: #2810

[melissamcewen]

Hi @jugglingcats are you still experiencing issues with this?

[jugglingcats]

Hi @melissamcewen, I removed plugin-optimize and it all works for me now. I am not sure whether it should work with that plugin, or whether that plugin should never be used when building with plugin-webpack.

[awu43]

plugin-optimize has been merged/deprecated: #2321