yoman创建的项目，为了加快JS文件的引用速度，使用了GOOGLE CDN做为JS文件的服务。在大数据方面，引用了google anlytics。但国内连接多会发生异常。下面，我们一直去掉google的信息。 > 本章的内容，均以WebApp为根文件夹。 # google cdn Gruntfile.js 原文件 ``` grunt.registerTask('build', [ 'clean:dist', 'wiredep', 'useminPrepare', 'concurrent:dist', 'postcss', 'ngtemplates', 'concat', 'ngAnnotate', 'copy:dist', 'cdnify', 'cssmin', 'uglify', 'filerev', 'usemin', 'htmlmin' ]); ``` 注释掉googlecdn ``` grunt.registerTask('build', [ 'clean:dist', 'wiredep', 'useminPrepare', 'concurrent:dist', 'postcss', 'ngtemplates', 'concat', 'ngAnnotate', 'copy:dist', //'cdnify', 'cssmin', 'uglify', 'filerev', 'usemin', 'htmlmin' ]); ``` # google analytics app/index.html 原文件 ``` ... <!-- Google Analytics: change UA-XXXXX-X to be your site's ID --> <script> !function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){ (A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g), r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r) }(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-X'); ga('send', 'pageview'); </script> <!-- build:js(.) scripts/vendor.js --> ``` 删除Google Analytics后 ``` <!-- build:js(.) scripts/vendor.js --> ``` ## 测试 `$ grunt build` 或 `$ grunt` > grunt命令中，包括了grunt build命令。 ## 修复a标签的BUG 出于一个记不太清的原因，在angularjs中，我们使用这样的形式`#!/`，而不是`#/`。 使用yoman创建的程序，需要在路由配置的时候使用了`#!/`，但却在前台使用了`#/`。这导致了在点击菜单时，没有任何反应。 我们如下修改： app/index.html ``` <ul class="nav navbar-nav"> <li class="active"><a href="#/a">Home</a></li> <li><a ng-href="#/about">About</a></li> <li><a ng-href="#/">Contact</a></li> </ul> ``` 修改后： ``` <ul class="nav navbar-nav"> <li class="active"><a href="#!/a">Home</a></li> <li><a ng-href="#!/about">About</a></li> <li><a ng-href="#!/">Contact</a></li> </ul> ``` 保存文件。如果你留意了你一直开启有git-shell,那么相信它一定能你带来的惊喜。没错，每当我们对文件进行一次修改，控制台都会及时的捕获这个信息，并替我们进行前台网页的刷新。这一切，都归功于自动化的grunt.