缩小和打包 Angular

Question

我正在尝试使用 grunt.js 和 uglify 创建一个 dist 文件夹。

我现在正在尝试缩小我的 js 文件，但现在我遇到了实例化错误。

    Failed to instantiate module achApp due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=n...)
    at Error (native)
    at http://kirra.dev/app/js/vendor.min.js:5:26440
    at http://kirra.dev/app/js/vendor.min.js:6:11336
    at f (http://kirra.dev/app/js/vendor.min.js:5:26888)
    at j (http://kirra.dev/app/js/vendor.min.js:6:10908)
    at http://kirra.dev/app/js/vendor.min.js:6:11077
    at f (http://kirra.dev/app/js/vendor.min.js:5:26888)
    at j (http://kirra.dev/app/js/vendor.min.js:6:10908)
    at Pa (http://kirra.dev/app/js/vendor.min.js:6:12940)
    at g (http://kirra.dev/app/js/vendor.min.js:6:1577

我该如何解决这个问题以及开始打包和缩小所有 js 文件的最佳方法是什么，因为现在一切都在一条线上？

我正在使用 bootstrap.js、jquery.min.js angular.js 和我所有的 angular components.js 创建一个 vendor.min.js 文件。 （基本上都是我的凉亭）

然后我用我的所有服务、控制器和工厂创建一个 main.min.js。（基本上是我的应用程序）

下面的代码在我的工厂和控制器中，用于阻止 uglify 重命名我的函数，但它似乎不起作用

   BookController.$inject = ['$scope', '$http', '$location', 'bookFactory','$sessionStorage', 'Guid'];

Answer 1

使用“mangle”选项。这样就可以了。

grunt.initConfig({
      uglify: {
        options: {
          mangle: false
        },
        my_target: {
          files: {
            'dest/output.min.js': ['src/input.js']
          }
        }
      }
    });