Как условно добавить код в заголовок приложения Vue - PullRequest
Новая
       19

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

0 голосов
/ 19 сентября 2018

Я сделал простое приложение Vue, используя Vue CLI, и теперь я хочу добавить код диспетчера тегов Google в заголовок HTML только для производственной сборки.Я мог бы сделать это с помощью серверного языка, такого как php, поэтому я попытался изменить index.html на index.php, но когда я собираю проект, он выводит index.html с приложенным приложением и index.php без приложения, внедренного впапка dist.Код php также не работает с webpack-dev-server в vue cli.

Как я могу интегрировать некоторый код на стороне сервера (это не обязательно должен быть php) в индекс vueприложение, сгенерированное vue cli для условного добавления кода менеджера тегов для производственной сборки?Я не уверен, как выполняется процесс сборки VUE Cli.Могу ли я сказать ему использовать другой index.html для производственной сборки?

Дополнительно: мне интересно узнать больше о процессе сборки vue cli.ех.В шаблоне index.html нет тега script, так как Vue внедряет себя в индекс при сборке или использовании webpack-dev-server?

1 Ответ

0 голосов
/ 19 сентября 2018

Я только что видел в документации vue cli , что страница index.html обрабатывается webpack.Это означает, что я могу использовать синтаксис шаблона lodash, чтобы легко добавлять теги в заголовок только на производстве 

<head>
...
<%= process.env.NODE_ENV === 'production' ? '<script>...</script>' : '' %>
...
</head>
...