Support lazy loaded and custom named scripts/styles

[filipesilva]

Add support for outputting lazy loaded styles and scripts, and also to rename these. Global css should always be outputted as a CSS file, with no accompanying .js bundle.

Example configuration in angular-cli.json:

      "styles": [
        "styles.css",
        { "input": "named-style.scss" },
        { "input": "lazy-style.scss", "lazy": true },
        { "input": "pre-rename-style.scss", "output": "renamed-style" },
        { "input": "pre-rename-lazy-style.scss", "output": "renamed-lazy-style", "lazy": true },
        { "input": "common-entry.scss", "output": "common-entry" }
      ],
      "scripts": [
        "scripts.js",
        { "input": "named-script.js" },
        { "input": "lazy-script.js", "lazy": true },
        { "input": "pre-rename-script.js", "output": "renamed-script" },
        { "input": "pre-rename-lazy-script.js", "output": "renamed-lazy-script", "lazy": true },
        { "input": "common-entry.js", "output": "common-entry" }
      ],

This should output the following list of files inside dist/:

styles.css
named-style.css
lazy-style.css // not loaded in index.html
renamed-style.css
renamed-lazy-style.css // not loaded in index.html
common-entry.css
scripts.js
named-script.js
lazy-script.js // not loaded in index.html
renamed-script.js
renamed-lazy-script.js // not loaded in index.html
common-entry.js

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}