Changeset 219993 in webkit
- Timestamp:
- Jul 27, 2017 9:44:45 PM (7 years ago)
- Location:
- trunk/PerformanceTests
- Files:
-
- 4 added
- 4 deleted
- 7 edited
- 1 moved
Legend:
- Unmodified
- Added
- Removed
-
trunk/PerformanceTests/ChangeLog
r219903 r219993 1 2017-07-27 Mathias Bynens <mathias@chromium.org> 2 3 Speedometer 2.0: Document Angular 4 build process 4 https://bugs.webkit.org/show_bug.cgi?id=174896 5 6 Reviewed by Ryosuke Niwa. 7 8 This patch documents the build process for the Angular 4 example, pins the dependencies (so 9 that builds are deterministic), and updates the generated files accordingly. 10 11 * Speedometer/resources/todomvc/architecture-examples/angular/README.md: Added. 12 * Speedometer/resources/todomvc/architecture-examples/angular/dist/*: Update per build instructions. 13 * Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.e2e-spec.ts: Removed unused file. 14 * Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.po.ts: Removed unused file. 15 * Speedometer/resources/todomvc/architecture-examples/angular/e2e/tsconfig.e2e.json: Removed unused file. 16 * Speedometer/resources/todomvc/architecture-examples/angular/package.json: Remove unneeded scripts. 17 * Speedometer/resources/todomvc/architecture-examples/angular/package-lock.json: Added to pin dependencies. 18 * Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.ts: Updated. 19 * Speedometer/resources/todomvc/architecture-examples/angular/src/environments/environment.ts: Updated. 20 * Speedometer/resources/todomvc/architecture-examples/angular/src/index.html: Made title consistent. 21 1 22 2017-07-25 Mathias Bynens <mathias@qiwi.be> 2 23 -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/README.md
r216721 r219993 1 # TodoApp1 # Speedometer 2.0: Angular 4 TodoMVC example 2 2 3 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0. 3 ## Test locally 4 4 5 ## Development server 5 1. `npm install` 6 2. `npm run start-prod` 7 3. Navigate to `http://localhost:4200/` 6 8 7 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. 9 ## Build (do this before committing!) 8 10 9 ## Code scaffolding 10 11 Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`. 12 13 ## Build 14 15 Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. 16 17 ## Running unit tests 18 19 Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). 20 21 ## Running end-to-end tests 22 23 Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). 24 Before running the tests make sure you are serving the app via `ng serve`. 25 26 ## Further help 27 28 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). 11 1. `npm run build-prod` -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/dist/index.html
r216946 r219993 3 3 <head> 4 4 <meta charset="utf-8"> 5 <title> TodoApp</title>6 5 <title>Angular 4 TodoMVC example</title> 6 <base href="/"> 7 7 8 8 <meta name="viewport" content="width=device-width, initial-scale=1"> … … 10 10 <link rel="stylesheet" href="assets/css/todomvc-common.css"> 11 11 <link rel="stylesheet" href="assets/css/todomvc-app.css"> 12 < /head>12 <link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/></head> 13 13 <body> 14 14 <app-root>Loading...</app-root> 15 15 <!-- Credits: Addy Osmani --> 16 <script type="text/javascript" src="inline. b342d102ba4a53bf2002.bundle.js"></script><script type="text/javascript" src="polyfills.2d45a4c73c85e24fe474.bundle.js"></script><script type="text/javascript" src="vendor.b4be818cb6d8028f9192.bundle.js"></script><script type="text/javascript" src="main.779eb2f1ddbe23ac61c7.bundle.js"></script></body>16 <script type="text/javascript" src="inline.28efc571905d42a672b0.bundle.js"></script><script type="text/javascript" src="polyfills.3a2aed82a0c9b24e6585.bundle.js"></script><script type="text/javascript" src="vendor.9a296bbc1909830a9106.bundle.js"></script><script type="text/javascript" src="main.c82799edffc751aa6590.bundle.js"></script></body> 17 17 </html> -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/dist/inline.28efc571905d42a672b0.bundle.js
r219992 r219993 1 !function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c, u){for(var a,i,f,l=0,s=[];l<t.length;l++)i=t[l],o[i]&&s.push(o[i][0]),o[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=r(r.s=u[l]);return f};var t={},o={4:0};r.e=function(e){function n(){c.onerror=c.onload=null,clearTimeout(u);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,r.nc&&c.setAttribute("nonce",r.nc),c.src=r.p+""+e+"."+{0:"2d45a4c73c85e24fe474",1:"779eb2f1ddbe23ac61c7",2:"a63205ae4b55b180b58c"}[e]+".chunk.js";var u=setTimeout(n,12e4);c.onerror=c.onload=n;var a=new Promise(function(r,n){o[e]=[r,n]});return o[e][2]=a,t.appendChild(c),a},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);1 !function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var u,i,f,l=0,s=[];l<t.length;l++)i=t[l],o[i]&&s.push(o[i][0]),o[i]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(n&&n(t,c,a);s.length;)s.shift()();if(a)for(l=0;l<a.length;l++)f=r(r.s=a[l]);return f};var t={},o={4:0};r.e=function(e){function n(){c.onerror=c.onload=null,clearTimeout(a);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,r.nc&&c.setAttribute("nonce",r.nc),c.src=r.p+""+e+"."+{0:"3a2aed82a0c9b24e6585",1:"c82799edffc751aa6590",2:"a63205ae4b55b180b58c"}[e]+".chunk.js";var a=setTimeout(n,12e4);c.onerror=c.onload=n;var u=new Promise(function(r,n){o[e]=[r,n]});return o[e][2]=u,t.appendChild(c),u},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]); -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/package.json
r216721 r219993 1 1 { 2 "name": "todo-app", 3 "version": "0.0.0", 2 "private": true, 4 3 "license": "MIT", 5 4 "scripts": { 6 5 "ng": "ng", 7 6 "start": "ng serve", 7 "start-prod": "ng serve -prod", 8 8 "build": "ng build", 9 "build-prod": "ng build -prod", 9 10 "test": "ng test", 10 "lint": "ng lint", 11 "e2e": "ng e2e" 11 "lint": "ng lint" 12 12 }, 13 "private": true,14 13 "dependencies": { 15 14 "@angular/common": "^4.0.0", … … 22 21 "@angular/router": "^4.0.0", 23 22 "core-js": "^2.4.1", 23 "enhanced-resolve": "^3.3.0", 24 24 "rxjs": "^5.1.0", 25 25 "zone.js": "^0.8.4" -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.ts
r216721 r219993 6 6 selector: 'app-root', 7 7 templateUrl: './app.component.html', 8 styleUrls: ['./app.component.css'],9 8 providers: [TodoDataService] 10 9 }) -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/environments/environment.ts
r216721 r219993 1 1 // The file contents for the current environment will overwrite these during build. 2 2 // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 // `ng build - -env=prod` then `environment.prod.ts` will be used instead.3 // `ng build -prod` then `environment.prod.ts` will be used instead. 4 4 // The list of which env maps to which file can be found in `.angular-cli.json`. 5 5 -
trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/index.html
r216721 r219993 3 3 <head> 4 4 <meta charset="utf-8"> 5 <title> TodoApp</title>5 <title>Angular 4 TodoMVC example</title> 6 6 <base href="/"> 7 7
Note: See TracChangeset
for help on using the changeset viewer.