Добавить внешний файл javascript в приложение React.js

Question

У меня небольшая проблема с добавлением внешнего файла javaScript в мое приложение React.Я пробовал так много вещей, но ни одна из них не сработала.Последнее, что я сделал:

шаг # 1: создание файла JS и создание функций.

шаг # 2: импорт функций из моего файла js.

шаг № 3: вызвать функции.

Проблема в том, когда я запускаю: запуск npm, все работает нормально.Но когда я запускаю: nom build, скрипт не будет работать!

Это мой js-файл, который я создал с помощью функций экспорта

            export function BackgroundMove() {
            $(document).ready(function() {
                let movementStrength = 25;
                let height = movementStrength / $(window).height();
                let width = movementStrength / $(window).width();
                $("body").mousemove(function(e){
                        let pageX = e.pageX - ($(window).width() / 2);
                        let pageY = e.pageY - ($(window).height() / 2);
                        let newvalueX = width * pageX * -1 - 25;
                        let newvalueY = height * pageY * -1 - 50;
                        $('body').css("background-position", newvalueX+"px     "+newvalueY+"px");
                });
                });
            }


            export function HeaderMove() {
                $(document).ready(function(){
                    $('#nav-icon0,#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4').click(function(){
                        $(this).toggleClass('open');
                    });
                });
            }

Здесь я импортирую свои функции

    import {HeaderMove, BackgroundMove} from '../../style';

Вызов функций:

   componentDidMount() {
      HeaderMove();
      BackgroundMove();
    }

Как я уже говорил, это будет работать нормально, когда я запускаю

 npm start 

Но, когда я запускаю

npm build

мой скрипт не будет работать

Answer 1

Пожалуйста, обратитесь к следующему коду для импорта внешнего файла javascript внутри компонента:

componentDidMount() {
   var script = document.createElement('script')
   script.src = // path of external javascript file.
   script.class = "external-script"
   document.body.appendChild(script);
}

и внутри componentWillUnmount вы можете удалить этот файл, используя имя класса.