We now create 2 programs with exactly the same fileNames and
exactly the same `import` / `export` declarations,
allowing TS to reuse the structure of first program
completely. When passing in an oldProgram and the files didn’t change,
TS can also reuse the old program completely.
This is possible buy adding generated files to TS
in `host.geSourceFile` via `ts.SourceFile.referencedFiles`.
This commit also:
- has a minor side effect on how we generate shared stylesheets:
  - previously every import in a stylesheet would generate a new
    `.ngstyles.ts` file.
  - now, we only generate 1 `.ngstyles.ts` file per entry in `@Component.styleUrls`.
  This was required as we need to be able to determine the program files
  without loading the resources (which can be async).
- makes all angular related methods in `CompilerHost`
  optional, allowing to just use a regular `ts.CompilerHost` as `CompilerHost`.
- simplifies the logic around `Compiler.analyzeNgModules` by introducing `NgAnalyzedFile`.
Perf impact: 1.5s improvement in compiling angular io
PR Close #19275
		
	
			
		
			
				
	
	
		
			70 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			Bash
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			70 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			Bash
		
	
	
		
			Executable File
		
	
	
	
	
| #!/usr/bin/env bash
 | |
| 
 | |
| set -e -o pipefail
 | |
| 
 | |
| if [ $# -eq 0 ]
 | |
|   then
 | |
|     echo "Angular cli integration create project"
 | |
|     echo
 | |
|     echo "./ng-cli-create.sh [project-name]"
 | |
|     echo
 | |
| else
 | |
|   TEMP=`dirname $0`
 | |
|   INTEGRATION_DIR=`(cd $TEMP; pwd)`
 | |
|   PROJECT=$1
 | |
|   PROJECT_DIR=$INTEGRATION_DIR/$PROJECT
 | |
|   NG=$INTEGRATION_DIR/.ng-cli/node_modules/.bin/ng
 | |
|   (
 | |
|     echo "==================="
 | |
|     echo Creating $PROJECT...
 | |
|     echo "==================="
 | |
|     cd $INTEGRATION_DIR
 | |
|     rm -rf $PROJECT
 | |
|     $NG set --global packageManager=yarn
 | |
|     $NG new $PROJECT --skip-install --skip-git
 | |
|     echo "==================="
 | |
|     echo $PROJECT created
 | |
|     echo "==================="
 | |
|   )
 | |
| 
 | |
| 
 | |
|   # By default `ng new` creates a package.json which uses @angular/* from NPM.
 | |
|   # Instead we want to use them from the current build so we overwrite theme here.
 | |
|   (
 | |
|     echo "==================="
 | |
|     echo Updating $PROJECT bundles
 | |
|     echo "==================="
 | |
|     cd $PROJECT_DIR
 | |
| 
 | |
|     sed -i -E 's/ng build/ng build --prod --build-optimizer/g' package.json
 | |
|     sed -i -E 's/ng test/ng test --single-run/g' package.json
 | |
|     sed -i -E 's/"typescript\"\: \".*\"/"typescript":  "2.4.2"/g' package.json
 | |
| 
 | |
|     yarn add \
 | |
|       file:../../dist/packages-dist/compiler-cli \
 | |
|       file:../../dist/packages-dist/language-service \
 | |
|       --save-dev --skip-integrity-check --emoji
 | |
| 
 | |
|     yarn add \
 | |
|       file:../../dist/packages-dist/core \
 | |
|       file:../../dist/packages-dist/common \
 | |
|       file:../../dist/packages-dist/forms \
 | |
|       file:../../dist/packages-dist/http \
 | |
|       --save --skip-integrity-check --emoji
 | |
| 
 | |
|     # yarn bug: can not install all of them in a single command and it has to be broken into separate invocations.
 | |
|     yarn add \
 | |
|       file:../../dist/packages-dist/animations \
 | |
|       file:../../dist/packages-dist/compiler \
 | |
|       file:../../dist/packages-dist/platform-browser \
 | |
|       file:../../dist/packages-dist/platform-browser-dynamic \
 | |
|       --save --skip-integrity-check --emoji
 | |
| 
 | |
|     yarn install --emoji
 | |
| 
 | |
|     echo "==================="
 | |
|     echo $PROJECT created succesfully
 | |
|     echo "==================="
 | |
|   )
 | |
| fi
 |