Как я могу встроить скрипт node_modules в веб-сайт Gatsby?

Я придумал следующее решение:

• установить сырой загрузчик, загрузчик веб-пакетов для импорта файл в виде строки

npm install raw-loader --save-dev

• импортировать мой файл в виде строки

import rawPerfume from 'raw-loader!./node_modules/perfume.js/dist/perfume.umd.min.js';

• Я создал плагин (просто добавьте plugins/<PLUGIN_NAME> в корень проекта), содержащий gatsby-ssr.js файл (взгляните на ССР руководство Гэтсби)
• затем я установил еще один головной компонент

import React from "react";
export const onRenderBody = ({
  setHeadComponents,
}) => {
  setHeadComponents([
    React.createElement('script', {
      dangerouslySetInnerHTML: {
        __html: rawPerfume.default || rawPerfume
      }
    })
  ]);  
}  

Окончательный код примерно такой (plugins/gatsby-plugin-perfume.js/gatsby-ssr.js файл)

import rawPerfume from 'raw-loader!./node_modules/perfume.js/dist/perfume.umd.min.js';

import React from "react";
export const onRenderBody = ({
  setHeadComponents,
}) => {
  setHeadComponents([
    React.createElement('script', {
      dangerouslySetInnerHTML: {
        __html: rawPerfume.default || rawPerfume
      }
    })
  ]);  
}  

Вы можете увидеть код на плагин gatsby-plugin-perfume.js, которым я тоже поделился