Angularjs Concat缩小文件&;使用Grunt跳过缩小
目前我正在编写一个Grunt构建文件;它使用“usemin”,我在HTML中创建了3个块,将创建3个文件assets.min.js、lib.min.js等Angularjs Concat缩小文件&;使用Grunt跳过缩小,angularjs,gruntjs,bundling-and-minification,grunt-usemin,grunt-contrib-concat,Angularjs,Gruntjs,Bundling And Minification,Grunt Usemin,Grunt Contrib Concat,目前我正在编写一个Grunt构建文件;它使用“usemin”,我在HTML中创建了3个块,将创建3个文件assets.min.js、lib.min.js等 <!-- build:js js/assets.min.js --> <script type="text/javascript" src="app/assets/js/lib/angular.min.js"></script> <script type="text/javascript" src
<!-- build:js js/assets.min.js -->
<script type="text/javascript" src="app/assets/js/lib/angular.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-cache.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-route.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-animate.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-touch.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-cookies.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/jqueryui.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="app/assets/js/lib/bootstrap-switch.min.js"></script>
<!-- endbuild -->
这个很好用。但是我面临着两个主要的问题
请参考Angular使用一种称为依赖项注入的方法来解析您的参数。Angular通过其名称知道每个对象是什么 “$scope”将被初始化为scope对象,因为它名为“$scope”。在usemin之后,此变量将被调用其他变量,如“a”,以保存字节。Angular不知道“a”是什么,并抛出错误 您可以这样解决此问题:
希望这有帮助!您可以通过两种方法解决此问题。
1.在usemin块中使用未统一的文件
<!-- build:js js/assets.min.js -->
<script type="text/javascript" src="app/assets/js/lib/angular.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-cache.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-route.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-animate.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-touch.js"></script>
<script type="text/javascript" src="app/assets/js/lib/angular-cookies.js"></script>
<script type="text/javascript" src="app/assets/js/lib/jquery-1.10.1.js"></script>
<script type="text/javascript" src="app/assets/js/lib/jqueryui.js"></script>
<script type="text/javascript" src="app/assets/js/lib/bootstrap.js"></script>
<script type="text/javascript" src="app/assets/js/lib/bootstrap-switch.js"></script>
<!-- endbuild -->
2.使用grunt任务复制脚本
copy:{
scripts:{
files:[{
expand: true,
cwd:'<%= config.app %>',
dest: '<%= config.tmp %>', src: ['app/assets/js/lib/**/*.min.js']
}]
},
}
复制:{
脚本:{
档案:[{
是的,
cwd:“”,
目标:'',src:['app/assets/js/lib/***.min.js']
}]
},
}
请看一看,它为您做了角度缩小准备。我已经在使用“ng min”。但不确定问题出在哪里。您解决了吗?我也已经在使用ng min,并且出现了此错误。