Ограничьте область применения bundle.js приложения activ + webpack при добавлении его в другое приложение / страницу - PullRequest
0 голосов
/ 07 января 2019

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

index.html

<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/app.css" />
  </head>
  <body>
    <div id="react-app"></div>
    <script type="text/javascript" src='static/js/bundle.js' charset="utf-8"></script>
  </body>
</html>

bundle.js создан веб-пакетом.

Он отлично работает, когда я запускаю его на пустой странице, но теперь мне нужно внедрить его в другое веб-приложение, то есть код, приведенный выше, в тег <div></div> другой страницы.

Проблема в том, что после того, как я ввожу эти файлы, он меняет интерфейс другого (основного приложения). Полагаю, это из-за внедрения bundle.js имеет глобальную область действия, которая повлияла на глобальные стили. Есть идеи, как это исправить? Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...