使用GruntJS的AngularJS開發模式

Question

我有幾個產品從yeoman角度發生器開始，它是一個非常好的開發設置。 我無法找到一個好的解決方案是設置開發/生產模式標志。

當然，我們使用一些我們在生產中只需要的工具，因此使用prod / dev變量可以使用內聯JavaScript和/或HTML文件非常有用。 我以前在網上搜索過解決方案但沒有找到任何有用的東西。

最終，我正在尋找一個在AngularJS設置中使用的好解決方案，理想情況下通過grunt服務和/或構建運行來設置。 其他球隊在這做什么？

Answer 1

我正在使用ng-constant 。 它會創建一個.js文件，其中包含您選擇的一些角度常量。

grunt.initConfig({
    ...
    ngconstant: {
        options: {
            name: 'config',
            dest: '<%= yeoman.app %>/scripts/config.js'
        },
        development: {
            constants: {
                myVariable: 'it is development'
            }
        },
        production: {
            constants: {
                myVariable: 'it is production'
            }
        }
    }
});

然后將其添加到您的任務中：

grunt.registerTask('serve', [
    ...
    'ngconstant:development',
    ...
]);

並且不要忘記在您的html中包含此/scripts/config.js文件並將“config”注入您的應用程序。

var app = angular.module('myApp', [
    'config',
    ...
]);