Dev*_*man 3 google-tag-manager webpack webpack-dev-server vuejs2 vue-cli
我使用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如何将自身注入索引？
我刚刚在vue cli文档中看到index.html页面由webpack处理.这意味着我可以使用lodash模板语法轻松地在生产中添加标签
<head>
...
<%= process.env.NODE_ENV === 'production' ? '<script>...</script>' : '' %>
...
</head>
小智 6
替代方法：
<% if(process.env.NODE_ENV === 'production') { %>
<script>...</script>
<% } %>
| 归档时间： |
|
| 查看次数： |
1720 次 |
| 最近记录： |