angularjs – Usemin“尝试写入同一目的地的不同来源”

前端之家收集整理的这篇文章主要介绍了angularjs – Usemin“尝试写入同一目的地的不同来源”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个AngularJS应用程序,我正在努力实现usemin任务.这个应用程序有2个html页面,包括一个被缩小成common.js的块,其他页面包括针对这些特定页面的js.

page1.html

  1. <!-- build:js scripts/common.js -->
  2. <!-- bower:js -->
  3. <script src="a.js"></script>
  4. <script src="b.js"></script>
  5. <!-- endbower -->
  6. <!-- endbuild -->
  7.  
  8. <!-- build:js scripts/page1.js -->
  9. <!-- bower:js -->
  10. <script src="c.js"></script>
  11. <script src="d.js"></script>
  12. <!-- endbower -->
  13. <!-- endbuild -->

page2.html

  1. <!-- build:js scripts/common.js -->
  2. <!-- bower:js -->
  3. <script src="a.js"></script>
  4. <script src="b.js"></script>
  5. <!-- endbower -->
  6. <!-- endbuild -->
  7.  
  8. <!-- build:js scripts/page2.js -->
  9. <!-- bower:js -->
  10. <script src="e.js"></script>
  11. <script src="f.js"></script>
  12. <!-- endbower -->
  13. <!-- endbuild -->

Gruntfile.js

  1. useminPrepare: {
  2. html: ['<%= yeoman.app %>/page1.html','<%= yeoman.app %>/page2.html'],options: {
  3. dest: '<%= yeoman.dist %>'
  4. }
  5. },

Usemin是不高兴的,因为common.js是在两个文件中定义的错误:致命错误:不同的源尝试写入同一个目的地:.我(想)我需要将page1和page2都包含在useminPrepare中,以便正确地获取page1.js和page2.js生成.人们如何解决这个问题?

通常有角度的人创建单页应用程序,并为页面的整个骨架创建一个“主”index.html.这样你只需要处理一组文件.使用ui-router,ng-includes或其他内容将不同的子页面呈现为给定的div.

猜你在找的Angularjs相关文章