Блог

Главная - Вопросы по программированию - как переместить все теги js package из index.html в один js-файл

как переместить все теги js package из index.html в один js-файл

#javascript #reactjs #webpack

#javascript #reactjs #webpack

Вопрос:

Я пытаюсь переместить свой скрипт webEngage в другой файл, чтобы я мог передать его в качестве точки входа в мой веб-пакет. Вот что у меня уже есть в моем index.ejs

 <head>
 <meta charset="utf-8" />
 <meta
   name="viewport"
   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
 />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body>

<!-- ICONS SPRITE -->
<div style="display: none">
  <% if (htmlWebpackPlugin.files.sprites) { for (var spriteFileName in
  htmlWebpackPlugin.files.sprites) { %> <%=
  htmlWebpackPlugin.files.sprites[spriteFileName] %> <% } } %>
</div>
<div id="root"></div>
<noscript>
  scripts is disabled, please enable javascript and try again!
</noscript>

<!-- WebEngage Script -->
<script id="_webengage_script_tag" type="text/javascript">
  var webengage;
  !(function(w, e, b, n, g) {
    function o(e, t) {
      e[t[t.length - 1]] = function() {
        r.__queue.push([t.join('.'), arguments]);
      };
    }
    .
    .
    .
  })(window, document, 'webengage');
</body>

Я думал об объявлении IIFE в scripts.js файл, но это не сработало.
Я был бы признателен за вашу помощь заранее

Комментарии:

1. Я что-то здесь упускаю? Вы могли бы просто использовать импорт JavaScript. javascripttutorial.net/es-next/javascript-import

2. Переместите свой код в js-файл и убедитесь, что он импортирован в index.js или какова бы ни была ваша точка входа import './foo.js'

3. @Dale, это может быть так просто, как вы это видите. Но у меня есть некоторые проблемы с пониманием того, как я могу объединить все мои импортные файлы, такие как hotjar, webengage, менеджер тегов и любой другой скрипт, в один файл и объявить только один тег скрипта в моем index.html . Каким должно быть закрытие? Должно ли это быть функцией или IIFE?

Метки: