fix(@schematics/angular): add links to generated app package.json files

We now add a link to generated app package.json to make is easier for users to find relevant information.

Author: alan-agius4

packages/schematics/angular/application/other-files/package.json.template

@@ -1,6 +1,9 @@
 {
   "name": "<%= utils.dasherize(name) %>",
   "private": true,
-  "description": "This is a special package.json file that is not used by package managers. It is however used to tell the tools and bundlers whether the code under this directory is free of code with non-local side-effect. Any code that does have non-local side-effects can't be well optimized (tree-shaken) and will result in unnecessary increased payload size. It should be safe to set this option to 'false' for new applications, but existing code bases could be broken when built with the production config if the application code does contain non-local side-effects that the application depends on.",
+  "description_1": "This is a special package.json file that is not used by package managers.",
+  "description_2": "It is used to tell the tools and bundlers whether the code under this directory is free of code with non-local side-effect. Any code that does have non-local side-effects can't be well optimized (tree-shaken) and will result in unnecessary increased payload size.",
+  "description_3": "It should be safe to set this option to 'false' for new applications, but existing code bases could be broken when built with the production config if the application code does contain non-local side-effects that the application depends on.",
+  "description_4": "To learn more about this file see: https://angular.io/config/app-package-json.",
   "sideEffects": <%= !strict %>
 }

packages/schematics/angular/migrations/update-10/side-effects-package-json.ts

@@ -34,7 +34,10 @@ export default function (): Rule {
         const pkgJsonContent = {
           name: strings.dasherize(projectName),
           private: true,
-          description: `This is a special package.json file that is not used by package managers. It is however used to tell the tools and bundlers whether the code under this directory is free of code with non-local side-effect. Any code that does have non-local side-effects can't be well optimized (tree-shaken) and will result in unnecessary increased payload size. It should be safe to set this option to 'false' for new applications, but existing code bases could be broken when built with the production config if the application code does contain non-local side-effects that the application depends on.`,
+          description_1: 'This is a special package.json file that is not used by package managers.',
+          description_2: `It is used to tell the tools and bundlers whether the code under this directory is free of code with non-local side-effect. Any code that does have non-local side-effects can't be well optimized (tree-shaken) and will result in unnecessary increased payload size.`,
+          description_3: `It should be safe to set this option to 'false' for new applications, but existing code bases could be broken when built with the production config if the application code does contain non-local side-effects that the application depends on.`,
+          description_4: 'To learn more about this file see: https://angular.io/config/app-package-json.',
           sideEffects: true,
         };