Is there any way to implement a function similar to ProvidePlugin?

[Kane-Kuroneko]

Summary

I need to auto-import some modules without manually importing them, but there is no material available at all.

Should I fall back to Webpack for a complete build experience?

Additional information

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
   compiler:{
      //Any way like this ?
      provide : {
         "$" : ["jquery"],
         "_":["lodash"]
      }
   }
};

export default nextConfig;

Example

No response

[unu0]

you can create a global util.

Here’s how to do it:

• Create utils/globals.js

import $ from 'jquery';
import _ from 'lodash';

global.$ = $;
global.jQuery = $;
global._ = _;

• Then, import this file in the entry point of your app.js.

import '../utils/globals';

[Kane-Kuroneko]

Thanks for your solution. Does that mean there is no way to do the same thing with ProvidePlugin in turbopack for now?

[unu0]

Yes, I can't find description that provide information about ProvidePlugin directly.
However, we can refer here, where it's stated:

webpack() configuration is not supported. Turbopack is not webpack, it doesn't have the same configuration option structure, though it does support many of the same features.

This suggests that Turbopack does not support Webpack-specific configurations, such as plugins like ProvidePlugin.