Geek Answers Handbook

The correct way to use grunt is "bower_concat" and "angular -i18n"

If you are not using grunt "concat" and "bower_concat", angular -i18n is used as follows:

 <html ng-app>
    <head>
        ...
       <script src="angular.js"></script>
       <script src="i18n/angular-locale_de-de.js"></script>
        ...
    </head>
 </html>

(According to here: https://docs.angularjs.org/guide/i18n )

But ... of course: I use concatand bower_concat.
I use them as follows:

  • First I use bower_concat and create a build/bower-concat.js

    Note. bower_concat reads every bower.json of each subdirectory residing in bower_componentsand merges all the main files.

    Note 2: bower.json from "angular -18n" has"ignore": ["**/.*", ...

  • Then I combine all my js (my controllers, etc.) into build/inouse-concat.js

  • , bower-concat.js inhouse-concat.js all-concat.js
  • <script src="build/all-concat.js"></script>



, "angular-i18n/angular-locale_de-de.js" , :

  // inhouse js with bower js with angular i18n into one file
  allJsConcat: {
    src: ['build/bower-concat.js', 'bower_components/angular-i18n/angular-locale_de-de.js', 'build/inhouse-concat.js',],
    dest: 'build/all-concat.js',
  }

. :
 Uncaught ReferenceError: require is not defined

: grunt, concat bower_concat angular locale js? ?

+4
1

, - , ...

:

Gruntfile.js

    bower_concat: {
        all: {
            dest: 'build/bower-concat.js',
            cssDest: 'build/bower-concat.css',
            exclude: [
                'angular-i18n'
            ],
            bowerOptions: {
                relative: false
            }
        }
    },

    concat: {
        ...

        allJsConcat: {
            src: ['build/bower-concat.js', 'bower_components/angular-i18n/angular-locale_de-de.js', 'build/inhouse-concat.js',],
            dest: 'build/all-concat.js',
        }
    }

exclude grunt-bower-concat.

mainFiles, , , :

mainFiles

Bower ( ) bower.json . bower-concat , . .

, :

 mainFiles: {
     'angular-i18n': 'angular-locale_de-de.js',
 }

" concat" ( )

+3

More articles:


All Articles