Angulartics 加载了许多未使用的脚本答案

【问题标题】：Angulartics loads many unused scriptsAngulartics 加载了许多未使用的脚本
【发布时间】：2016-03-23 10:07:56
【问题描述】：

我使用 Bower 安装了 Angulartics 以获得 Google Analytics 支持：

bower install --save angulartics
bower install --save angulartics-google-analytics

不幸的是，我的index.html 文件现在堆满了大量不需要加载的脚本：

<script src="bower_components/angulartics/src/angulartics-clicky.js"></script>
<script src="bower_components/angulartics/src/angulartics-cnzz.js"></script>
<script src="bower_components/angulartics/src/angulartics-ga-cordova.js"></script>
<script src="bower_components/angulartics/src/angulartics-gtm.js"></script>
<script src="bower_components/angulartics/src/angulartics-piwik.js"></script>
<script src="bower_components/angulartics/src/angulartics-scroll.js"></script>
<script src="bower_components/angulartics/src/angulartics-splunk.js"></script>
<script src="bower_components/angulartics/src/angulartics-woopra.js"></script>
<script src="bower_components/angulartics/src/angulartics-marketo.js"></script>
<script src="bower_components/angulartics/src/angulartics-intercom.js"></script>
<script src="bower_components/angulartics/src/angulartics-inspectlet.js"></script>
<script src="bower_components/angulartics/src/angulartics-newrelic-insights.js"></script>

有没有办法为其中的一个安装 Angulartics（在我的情况下为 Google Analytics）？

【问题讨论】：

标签： angularjs google-analytics bower angulartics

【解决方案1】：

对于谷歌分析，您只需要两个 Angulartics 脚本文件。

angulartics.min.js

angulartics-google-analytics.min.js

只需在您的页面中引用这些，它就可以正常工作。 Angulartics 不仅支持 Google Analytics，还支持众多供应商，其余的都是支持其他供应商跟踪的插件。

【讨论】：

我当然可以手动让它工作。我的问题是如何让它与 bower 一起工作，它可以自动执行版本控制、依赖项、CDN 路径等。

【解决方案2】：

如果你使用wiredep grunt 插件，你可以使用exclude 选项来确保unsed 文件不会出现在你的发行版中。只需将以下内容添加到您的 Gruntfile.js：

wiredep: {
   app: {
       exclude: [
           '/bower_components/angulartics/src/angulartics-baidu.js',
           '/bower_components/angulartics/src/angulartics-clicky.js',
           '/bower_components/angulartics/src/angulartics-cnzz.js',
           '/bower_components/angulartics/src/angulartics-ga-cordova.js',
           '/bower_components/angulartics/src/angulartics-gtm.js',
           '/bower_components/angulartics/src/angulartics-inspectlet.js',
           '/bower_components/angulartics/src/angulartics-intercom.js',
           '/bower_components/angulartics/src/angulartics-marketo.js',
           etc...
       ]
    }
}

【讨论】：