lib.footer#

• Type:

type Footer = {
  js?: string;
  css?: string;
  dts?: string;
};

• Default: {}

Inject content into the bottom of each JS, CSS or DTS file.

Object Type#

footer.js#

• Type: string
• Default: undefined

Inject content into the bottom of each JS file.

footer.css#

• Type: string
• Default: undefined

Inject content into the bottom of each CSS file.

footer.dts#

• Type: string
• Default: undefined

Inject content into the bottom of each DTS file.

Notice#

The footer content in JS/CSS file is based on the BannerPlugin of Rspack. You should notice the following points:

• raw: true is enabled by default, so the footer content will be injected as a raw string instead of wrapping in a comment. So if you want to inject a comment, you should add /* and */ or other comment syntax by yourself.
• The stage option is set to the stage after the JavaScript and CSS files are optimized, thus preventing the footer content from being optimized away.

Customize Footer Content#

If the above default settings cannot meet your requirements, you can customize the footer content through tools.rspack.plugins to add a BannerPlugin instance with the corresponding options.

export default {
  lib: [
    {
      // ...
      tools: {
        rspack: {
          plugins: [
            new rspack.BannerPlugin({
              footer: true,
              // ... options
            }),
          ],
        },
      },
    },
  ],
};