From 2718513364213663a6efa9e7af027e02f4e5ec0e Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Sun, 19 Feb 2017 18:01:33 +0100 Subject: [PATCH 1/4] remove bold paragraph in the README --- README.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/README.md b/README.md index 3a43c6a2..bf32240d 100644 --- a/README.md +++ b/README.md @@ -3,9 +3,6 @@ [![Dependency Status](https://david-dm.org/preboot/angular2-webpack/status.svg)](https://david-dm.org/preboot/angular2-webpack#info=dependencies) [![devDependency Status](https://david-dm.org/preboot/angular2-webpack/dev-status.svg)](https://david-dm.org/preboot/angular2-webpack#info=devDependencies) [![Join the chat at https://gitter.im/preboot/angular2-webpack](https://badges.gitter.im/preboot/angular2-webpack.svg)](https://gitter.im/preboot/angular2-webpack?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) -**Note: This guide is following the Angular's [Style Guide](http://angular.io/styleguide) so I will be changing conventions here and there eventually. You are free to use your own conventions with this starter.** -**Note 2: There is no conventions yet for RC5 on the style guide so there will be a future update here for that.** - A complete, yet simple, starter for Angular 2 using Webpack. This seed repo serves as an Angular 2 starter for anyone looking to get up and running with Angular 2 and TypeScript fast. Using [Webpack](http://webpack.github.io/) for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests. From 0384b1254da188f3341358648a4e022ffa500aac Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Sun, 26 Mar 2017 18:50:35 +0200 Subject: [PATCH 2/4] bump to Angular v4 --- package.json | 27 +++++++++++++-------------- webpack.config.js | 10 +++++----- 2 files changed, 18 insertions(+), 19 deletions(-) diff --git a/package.json b/package.json index 972dc4fa..f022987b 100644 --- a/package.json +++ b/package.json @@ -25,29 +25,28 @@ "postinstall": "npm run webdriver-update" }, "dependencies": { - "@angular/common": "2.4.7", - "@angular/compiler": "2.4.7", - "@angular/core": "2.4.7", - "@angular/forms": "2.4.7", - "@angular/http": "2.4.7", - "@angular/platform-browser": "2.4.7", - "@angular/platform-browser-dynamic": "2.4.7", - "@angular/router": "3.4.7", + "@angular/common": "4.0.0", + "@angular/compiler": "4.0.0", + "@angular/core": "4.0.0", + "@angular/forms": "4.0.0", + "@angular/http": "4.0.0", + "@angular/platform-browser": "4.0.0", + "@angular/platform-browser-dynamic": "4.0.0", + "@angular/router": "4.0.0", "core-js": "^2.4.1", "reflect-metadata": "^0.1.3", - "rxjs": "5.0.1", - "zone.js": "^0.7.2" + "rxjs": "^5.0.1", + "zone.js": "^0.8.5" }, "devDependencies": { "@angularclass/hmr": "^1.0.1", "@angularclass/hmr-loader": "^3.0.2", - "@types/jasmine": "2.5.41", + "@types/jasmine": "^2.5.41", "@types/node": "^6.0.38", "@types/selenium-webdriver": "2.53.39", - "@types/lodash": "4.14.50", "angular2-template-loader": "^0.6.0", "autoprefixer": "^6.3.2", - "awesome-typescript-loader": "^3.0.0-beta.17", + "awesome-typescript-loader": "^3.1.2", "codelyzer": "2.0.0", "copy-webpack-plugin": "^4.0.0", "css-loader": "^0.26.1", @@ -81,7 +80,7 @@ "tslint": "^4.3.1", "tslint-loader": "^3.3.0", "typedoc": "^0.5.1", - "typescript": "2.0.10", + "typescript": "^2.2.1", "url-loader": "^0.5.6", "webpack": "2.2.1", "webpack-dev-server": "2.3.0" diff --git a/webpack.config.js b/webpack.config.js index f18b272b..93e0ced9 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -167,11 +167,11 @@ module.exports = function makeWebpackConfig() { }), // Workaround needed for angular 2 angular/angular#11580 - new webpack.ContextReplacementPlugin( - // The (\\|\/) piece accounts for path separators in *nix and Windows - /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/, - root('./src') // location of your src - ), + new webpack.ContextReplacementPlugin( + // The (\\|\/) piece accounts for path separators in *nix and Windows + /angular(\\|\/)core(\\|\/)@angular/, + root('./src') // location of your src + ), // Tslint configuration for webpack 2 new webpack.LoaderOptionsPlugin({ From a69970c14629ea15aa96064a071daf665fc47047 Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Sun, 26 Mar 2017 18:55:37 +0200 Subject: [PATCH 3/4] update readme --- README.md | 32 ++++++++++++++------------------ 1 file changed, 14 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index bf32240d..5f91819a 100644 --- a/README.md +++ b/README.md @@ -1,31 +1,27 @@ -# angular2-webpack +# angular-webpack -[![Dependency Status](https://david-dm.org/preboot/angular2-webpack/status.svg)](https://david-dm.org/preboot/angular2-webpack#info=dependencies) [![devDependency Status](https://david-dm.org/preboot/angular2-webpack/dev-status.svg)](https://david-dm.org/preboot/angular2-webpack#info=devDependencies) -[![Join the chat at https://gitter.im/preboot/angular2-webpack](https://badges.gitter.im/preboot/angular2-webpack.svg)](https://gitter.im/preboot/angular2-webpack?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) +[![Dependency Status](https://david-dm.org/preboot/angular-webpack/status.svg)](https://david-dm.org/preboot/angular-webpack#info=dependencies) [![devDependency Status](https://david-dm.org/preboot/angular-webpack/dev-status.svg)](https://david-dm.org/preboot/angular-webpack#info=devDependencies) +[![Join the chat at https://gitter.im/preboot/angular-webpack](https://badges.gitter.im/preboot/angular-webpack.svg)](https://gitter.im/preboot/angular-webpack?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) -A complete, yet simple, starter for Angular 2 using Webpack. +A complete, yet simple, starter for Angular v2+ using Webpack. -This seed repo serves as an Angular 2 starter for anyone looking to get up and running with Angular 2 and TypeScript fast. Using [Webpack](http://webpack.github.io/) for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests. -* Best practices in file and application organization for [Angular 2](https://angular.io/). +This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using [Webpack](http://webpack.github.io/) for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests. +* Best practices in file and application organization for [Angular](https://angular.io/). * Ready to go build system using [Webpack](https://webpack.github.io/docs/) for working with [TypeScript](http://www.typescriptlang.org/). -* Testing Angular 2 code with [Jasmine](http://jasmine.github.io/) and [Karma](http://karma-runner.github.io/). +* Testing Angular code with [Jasmine](http://jasmine.github.io/) and [Karma](http://karma-runner.github.io/). * Coverage with [Istanbul](https://github.com/gotwarlost/istanbul) -* End-to-end Angular 2 code using [Protractor](https://angular.github.io/protractor/). +* End-to-end Angular code using [Protractor](https://angular.github.io/protractor/). * Stylesheets with [SASS](http://sass-lang.com/) (not required, it supports regular css too). * Error reported with [TSLint](http://palantir.github.io/tslint/) and [Codelyzer](https://github.com/mgechev/codelyzer). * Documentation with [TypeDoc](http://typedoc.org/). >Warning: Make sure you're using the latest version of Node.js and NPM -[Is Angular 2 Ready Yet?](http://splintercode.github.io/is-angular-2-ready/) - ### Quick start -> Clone/Download the repo then edit `app.ts` inside [`/src/app/app.component.ts`](/src/app/app.component.ts) - ```bash # clone our repo -$ git clone https://github.com/preboot/angular2-webpack.git my-app +$ git clone https://github.com/preboot/angular-webpack.git my-app # change directory to your app $ cd my-app @@ -57,7 +53,7 @@ go to [http://localhost:8080](http://localhost:8080) in your browser. What you need to run this app: * `node` and `npm` (Use [NVM](https://github.com/creationix/nvm)) -* Ensure you're running Node (`v5.x.x`+) and NPM (`3.x.x`+) +* Ensure you're running Node (`v6.x.x`+) and NPM (`3.x.x`+) ## Installing @@ -117,19 +113,19 @@ You can generate api docs (using [TypeDoc](http://typedoc.org/)) for your code w No, Webpack will add all the needed Javascript bundles as script tags and all the CSS files as link tags. The advantage is that you don't need to modify the index.html every time you build your solution to update the hashes. -#### How to include external angular 2 libraries ? +#### How to include external angular libraries ? -It's simple, just install the lib via npm and import it in your code when you need it. Don't forget that you need to configure some external libs in the [bootstrap](https://github.com/preboot/angular2-webpack/blob/master/src/main.ts) of your application. +It's simple, just install the lib via npm and import it in your code when you need it. Don't forget that you need to configure some external libs in the [bootstrap](https://github.com/preboot/angular-webpack/blob/master/src/main.ts) of your application. #### How to include external css files such as bootstrap.css ? -Just install the lib and import the css files in [vendor.ts](https://github.com/preboot/angular2-webpack/blob/master/src/vendor.ts). For example this is how to do it with bootstrap: +Just install the lib and import the css files in [vendor.ts](https://github.com/preboot/angular-webpack/blob/master/src/vendor.ts). For example this is how to do it with bootstrap: ```sh npm install bootstrap@next --save ``` -And in [vendor.ts](https://github.com/preboot/angular2-webpack/blob/master/src/vendor.ts) add the following: +And in [vendor.ts](https://github.com/preboot/angular-webpack/blob/master/src/vendor.ts) add the following: ```ts import 'bootstrap/dist/css/bootstrap.css'; From 51c72e481eecdaa461b8c3a1f021d2f2064e4b80 Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Thu, 13 Jul 2017 12:13:50 +0200 Subject: [PATCH 4/4] update dependencies --- package.json | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index f022987b..27ea2952 100644 --- a/package.json +++ b/package.json @@ -25,18 +25,19 @@ "postinstall": "npm run webdriver-update" }, "dependencies": { - "@angular/common": "4.0.0", - "@angular/compiler": "4.0.0", - "@angular/core": "4.0.0", - "@angular/forms": "4.0.0", - "@angular/http": "4.0.0", - "@angular/platform-browser": "4.0.0", - "@angular/platform-browser-dynamic": "4.0.0", - "@angular/router": "4.0.0", + "@angular/common": "~4.2.6", + "@angular/compiler": "~4.2.6", + "@angular/core": "~4.2.6", + "@angular/forms": "~4.2.6", + "@angular/http": "~4.2.6", + "@angular/platform-browser": "~4.2.6", + "@angular/platform-browser-dynamic": "~4.2.6", + "@angular/router": "~4.2.6", "core-js": "^2.4.1", "reflect-metadata": "^0.1.3", + "tslib": "^1.7.1", "rxjs": "^5.0.1", - "zone.js": "^0.8.5" + "zone.js": "^0.8.10" }, "devDependencies": { "@angularclass/hmr": "^1.0.1", @@ -49,7 +50,7 @@ "awesome-typescript-loader": "^3.1.2", "codelyzer": "2.0.0", "copy-webpack-plugin": "^4.0.0", - "css-loader": "^0.26.1", + "css-loader": "^0.28.4", "extract-text-webpack-plugin": "^2.0.0-beta.4", "file-loader": "^0.10.0", "html-loader": "^0.4.0", @@ -80,7 +81,7 @@ "tslint": "^4.3.1", "tslint-loader": "^3.3.0", "typedoc": "^0.5.1", - "typescript": "^2.2.1", + "typescript": "^2.3.1", "url-loader": "^0.5.6", "webpack": "2.2.1", "webpack-dev-server": "2.3.0"