diff --git a/.gitignore b/.gitignore index 0f46fb2..eb35201 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ node_modules dist -src/aot \ No newline at end of file +src/aot +tmp diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..7baac51 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,15 @@ +// Place your settings in this file to overwrite default and user settings. +{ + "files.exclude": { + "**/*.js": { + "when": "$(basename).ts" + }, + "**/*.d.ts": { + "when": "$(basename).ts" + }, + "**/*.js.map": true, + "**/*.metadata.json": true, + "compiled": true + }, + "typescript.tsdk": "node_modules/typescript/lib" +} diff --git a/README.md b/README.md index a021ce5..aac79d5 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,16 @@ -# Serverside Rendering +# Angular Serverside Rendering This sample shows how to use the new serverside rendering implementation that will be introduced with Angular 4. +Full article can be found here: +https://www.softwarearchitekt.at/post/2017/03/07/server-side-rendering-with-angular-4.aspx ## Build and Start ``` -npm run build:all -cd dist -node main.server.bundle.js +git clone https://github.com/manfredsteyer/angular-ssr.git +cd angular-ssr +npm i +npm start ``` -After this, open ``http://localhost:8000``. +Your default browser should open `http://localhost:8000`. diff --git a/package.json b/package.json index 7cb92ee..0f0324b 100644 --- a/package.json +++ b/package.json @@ -5,13 +5,14 @@ "scripts": { "ng": "ng", "tsc": "tsc", - "start": "webpack-dev-server", + "start": "npm run build:all && opn http://localhost:8000 && npm run server", + "dev-server": "webpack-dev-server", "build:all": "npm run build:client && npm run build:server", "build": "npm run build:client", "build:client": "webpack", "build:server": "ngc -p tsconfig.server.json && webpack --progress --config webpack.server.config.js", "start:server": "npm run build:server && npm run server", - "server": "node dist/main.server.js", + "server": "cd dist && node main.server.bundle.js", "test": "karma start ./karma.conf.js", "lint": "ng lint", "e2e": "protractor ./protractor.conf.js", @@ -63,6 +64,7 @@ "karma-jasmine-html-reporter": "^0.2.2", "karma-sourcemap-loader": "^0.3.7", "less-loader": "^2.2.3", + "opn-cli": "^3.1.0", "postcss-loader": "^0.13.0", "postcss-url": "^5.1.2", "protractor": "~5.1.0",