首页 文章

如何有条件地在Vue应用程序的头部添加代码

提问于
浏览 次
0

我使用Vue CLI制作了一个简单的Vue应用程序，现在我想在html的头部添加Google Tag Manager代码，仅限于 生产环境 版本 . 我可以使用像php这样的服务器端语言来做这个，所以我尝试将index.html更改为index.php，但是当我构建项目时，它会输出一个index.html注入应用程序，而index.php没有注入应用程序dist文件夹 . php代码也不能与vue cli中的webpack-dev-server一起使用 .

如何将一些服务器端代码（它不必是php）集成到vue cli生成的vue应用程序的索引中，以有条件地为生成构建添加标记管理器代码？我不确定vue cli构建过程是如何完成的 . 我可以告诉它使用不同的index.html进行 生产环境 构建吗？

额外：我有兴趣了解有关vue cli构建过程的更多信息 . 恩 . 模板index.html中没有脚本标记，那么在构建或使用webpack-dev-server时，Vue如何将自身注入索引？

webpack vuejs2 google-tag-manager webpack-dev-server vue-cli

1 回答

  • 3

    我刚刚在vue cli documentation中看到index.html页面由webpack处理 . 这意味着我可以使用lodash模板语法轻松地在 生产环境 中添加标签

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

相关问题