feat(v2): add scripts and stylesheets field to config

[endiliey]

Motivation

Add scripts and stylesheets field to docusaurus.config. for v1 parity and enable user to use external resources script or stylesheets

Have you read the Contributing Guidelines on pull requests?

yes

Test Plan

Add random scripts and stylesheets into config

  scripts: [
    'https://docusaurus.io/slash.js',
    {
      src:
        'https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js',
      async: true,
    },
  ],
  stylesheets: [
    'https://docusaurus.io/style.css',
    {
      href: 'http://css.link',
      type: 'text/css',
    },
  ],

[docusaurus-bot]

Deploy preview for docusaurus-2 ready!

Built with commit bff9eb6

https://deploy-preview-1831--docusaurus-2.netlify.com

[docusaurus-bot]

Deploy preview for docusaurus-preview ready!

Built with commit bff9eb6

https://deploy-preview-1831--docusaurus-preview.netlify.com

[yangshun]

Nice! This will make it much easier to migrate.

[yangshun]

Do we inject scripts here in V1? Putting scripts here blocks page rendering which is bad, unless they use async. Maybe we should allow injecting before </body>, but that'll be more complicated.

[endiliey]

yep its done like this in v1

[CMCDragonkai]

I followed the SO link here: https://stackoverflow.com/a/58349826/582917.

Is it possible to add in custom HTML tags like base tag into the head section?

[Josh-Cena]

@CMCDragonkai Please don't necropost—perfect way to get your question undiscoverable.

We don't have a first-class API for any tag, but you can get away with a plugin API:

// docusaurus.config.js
module.exports = {
  // ...
  plugins: [
    () => ({
      name: "inject-tag",
      injectHtmlTags() {
        return {
          headTags: [{ tagName: "base", attributes: { href: "https://www.example.com/" } }],
        };
      },
    }),
  ],
};