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.