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

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

page1.html

<!-- build:js scripts/common.js -->
<!-- bower:js -->
<script src="a.js"></script>
<script src="b.js"></script>
<!-- endbower -->
<!-- endbuild -->

<!-- build:js scripts/page1.js -->
<!-- bower:js -->
<script src="c.js"></script>
<script src="d.js"></script>
<!-- endbower -->
<!-- endbuild -->

page2.html

<!-- build:js scripts/common.js -->
<!-- bower:js -->
<script src="a.js"></script>
<script src="b.js"></script>
<!-- endbower -->
<!-- endbuild -->

<!-- build:js scripts/page2.js -->
<!-- bower:js -->
<script src="e.js"></script>
<script src="f.js"></script>
<!-- endbower -->
<!-- endbuild -->

Gruntfile.js

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

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

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

猜你在找的Angularjs相关文章