Skip to content

Optimize dist/vendor in prod #1208

Closed
@pierredewilde

Description

@pierredewilde
  1. OS?
Mac OS X El Capitan 10.11.5
  1. ng --version
angular-cli: 1.0.0-beta.8
node: 6.2.2
os: darwin x64
  1. Repro steps

ng build -prod creates bundle main.js containing minified angular 2 files.

Vendor files are stored unminified in dist/vendor directory :

$ tree dist/vendor
├── es6-shim
│   └── es6-shim.js
├── reflect-metadata
│   ├── Reflect.js
│   ├── Reflect.ts
│   ├── reflect-metadata.d.ts
│   ├── test
│   │   ├── harness.ts
│   │   ├── reflect
│   │   │   ├── reflect-decorate.ts
│   │   │   ├── reflect-definemetadata.ts
│   │   │   ├── reflect-deletemetadata.ts
│   │   │   ├── reflect-getmetadata.ts
│   │   │   ├── reflect-getmetadatakeys.ts
│   │   │   ├── reflect-getownmetadata.ts
│   │   │   ├── reflect-getownmetadatakeys.ts
│   │   │   ├── reflect-hasmetadata.ts
│   │   │   ├── reflect-hasownmetadata.ts
│   │   │   └── reflect-metadata.ts
│   │   ├── run.ts
│   │   └── spec.ts
│   ├── typings
│   │   └── node.d.ts
│   └── typings.d.ts
├── systemjs
│   └── dist
│       └── system.src.js
└── zone.js
    └── dist
        └── zone.js

Instead of those multiple unminified files, another bundle (eg vendors.js) may be used with minified versions of :

vendor/es6-shim/es6-shim.js
vendor/reflect-metadata/Reflect.js
vendor/systemjs/dist/system.src.js
vendor/zone.js/dist/zone.js

This should simplify and optimise the -prod distribution.

Of course, index.html should be also simplified to reflect this change.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions