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.

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.

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

The footer content in DTS files is handled differently from JS/CSS files. It is written directly using the file system API, so setting BannerPlugin will not affect it.