Usage with mjs configs

[RobotSail]

Hi all,
I'm running into difficulty with using next-remove-imports in a project which uses next.config.mjs instead of the standard next.config.js, which is currently documented. Any guidance on how to proceed here?

My config currently looks like this:

// @ts-check

import removeImports from 'next-remove-imports'

/**
 * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation.
 * This is especially useful for Docker builds.
 */
!process.env.SKIP_ENV_VALIDATION && (await import("./src/env.mjs"));


/** @type {import("next").NextConfig} */
const config = {
  reactStrictMode: true,

  /**
   * If you have the "experimental: { appDir: true }" setting enabled, then you
   * must comment the below `i18n` config out.
   *
   * @see https://github.com/vercel/next.js/issues/41980
   */
  i18n: {
    locales: ["en"],
    defaultLocale: "en",
  },
  ...removeImports(),
};
export default config;

[RobotSail]

I've described the problem in this issue, but the problem seems to be that the TypeScript signature of removeImports doesn't allow me to provide my existing config, and merging the result of removeImports() doesn't seem to have any effect.

[jaywcjlove]

@RobotSail

next-remove-imports/core/src/index.ts

Line 8 in 0e23be8

export default (pluginOptions: PluginOptions = {}) => (nextConfig: NextConfig = {}): NextConfig => {

import removeImports from 'next-remove-imports'

const removeImportsFun = removeImports({
  options: { },
})

export default removeImportsFun({
  reactStrictMode: true,
  i18n: {
    locales: ["en"],
    defaultLocale: "en",
  },
})

[jaywcjlove]

next-remove-imports/example/esm/next.config.mjs

Lines 1 to 16 in e90b344

	import removeImports from 'next-remove-imports'
	/** @type {function(import("next").NextConfig): import("next").NextConfig}} */
	const removeImportsFun = removeImports({
	options: { },
	})
	export default removeImportsFun({
	webpack: function(config) {
	config.module.rules.push({
	test: /\.md$/,
	use: 'raw-loader',
	})
	return config
	},
	})

[RobotSail]

Thanks @jaywcjlove!

[ticmaisdev]

I'm using this package exatcly as described in readme, but unable to import scss at component level still

[jaywcjlove]

@ticmaidev https://github.com/uiwjs/next-remove-imports/tree/main/example

You can provide a reproducible example through codesandbox.io, and I'll help you take a look.