A demonstration of compiling a TypeScript and React "Hello World" web page with Google Closure Compiler
This project uses yarn to manage JavaScript Dependencies
Install the JavaScript dependencies with yarn install
All build steps use the yarn run command
Run yarn run build-ts to compile the TypeScript. The compiled JavaScript is put into the src/build-react folder.
yarn run server-start Runs a static server at localhost:8080
Google Closure Compiler has a way to pass in files containing parameters which are called Flag Files
All Flag Files are in src/closure. Each flag file is prefixed with the step number, like 02-<flag file descriptive name>.
I've created two types of compilation for Google Closure Compiler, normal mode and debug mode. In debug mode the name mangling is toned down and the compiled output is pretty printed. This makes the compiled JavaScript much easier to read when there is an error or bug in the JavaScript application.
Google Closure Compiler puts the compiler JavaScript into the dist folder.
These commands run the Google Closure Compiler showing the final
yarn run build-gcc-debug compiles the Hello World app.
yarn run build-gcc-dev-debug -- --flagfile <flag file name> compiles the Hello World app in debug mode.
yarn run build-gcc-dev -- --flagfile <flag file name> runs Google Closure Compiler with the specified step flag file.
- Example
yarn run build-gcc-dev -- --flagfile ./src/closure/10-dependency-management.conf
yarn run build-gcc-dev-debug -- --flagfile <flag file name> runs Google Closure Compiler with the specified step flag file in debug mode.
- Example
yarn run build-gcc-dev-debug -- --flagfile ./src/closure/08-dependency-management.conf
Install the showoff gem with
bundle install
Run the showoff presentation
showoff serve
Navigate to localhost:9090
Copyright © 2017 Peter Schuck
Distributed under the MIT License.