Angularjs Concat缩小文件&;使用Grunt跳过缩小

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

目前我正在编写一个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="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 -->

这个很好用。但是我面临着两个主要的问题

  • 角度显示错误“未捕获错误[$injector:modulerr]
  • 看起来Usemin也在缩小文件
  • 我还尝试了第二种选择,通过浓缩这些文件,即绕过缩小步骤,避免使用最小值。仍然是相同的错误


    请参考

    Angular使用一种称为依赖项注入的方法来解析您的参数。Angular通过其名称知道每个对象是什么

    “$scope”将被初始化为scope对象,因为它名为“$scope”。在usemin之后,此变量将被调用其他变量,如“a”,以保存字节。Angular不知道“a”是什么,并抛出错误

    您可以这样解决此问题:

  • 阅读这里有关角度应用程序的缩小

  • 在运行uglify之前,请手动遵循指南或使用ngmin过程


  • 希望这有帮助!

    您可以通过两种方法解决此问题。
    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,并且出现了此错误。