Introduction

Some project's development configuration is made in conf.json file.

Load libraries

The list of libraries to load are defined in conf.json:

libraries: [
  {

    // The name of the library as defined in package.json file
    name: 'angular',

    // The mount path to use to access the library
    mountPath: 'angular-custom-mount-path',

    // The list of files to automatically load in the front office with paths relative to the library directory
    // Library will still be mounted even if there is no files to automatically load in the front office
    files: ['angular.min.js', 'angular-csp.css']

  },
  [...]
]

Load front office JavaScript files

The list of JavaScript files of the front office to load are defined in conf.json:

{
  scriptLibFiles: { // List of JavaScript files to load first
    dev: [ // List of JavaScript files to load on development environment
      ...
    ],
    prod: [ // List of JavaScript files to load on production environment
      ...
    ]
  },
  scriptFiles: { // List of JavaScript files to load next
    dev: [ // List of JavaScript files to load on development environment
      ...
    ],
    prod: [ // List of JavaScript files to load on production environment
      ...
    ]
  }
}

Load front office CSS files

The list of CSS files to load are defined in conf.json:

{
  cssFiles: [ // List of CSS files to load
    ...
  ]
}

Load back office JavaScript files

Back office JavaScript files are loaded automatically, there is nothing to do about it.

Load back office CSS files

Back office CSS files are loaded automatically, there is nothing to do about it.

Load back office libraries files

Back office JavaScript and CSS files are loaded automatically however libraries used by the back office still need to be loaded in conf.json:

{
  "be": {
    "libraries": [ // List of libraries to load
      {

        // The mount path of the library mounted in top level "libraries" property
        mountPath: 'angular',

        // The list of files to automatically load in the back office with paths relative to the library directory
        files: ['angular.min.js', 'angular-csp.css']

      },
      [...]
    ]
  }
}