How to use angular2 as a NPM dependency

Question

I'm using angular including from script tag like:

<html>
<head>
    <title>Angular 2 tsconfig.json Demo</title>
    <script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>
    <script src="https://jspm.io/[email protected]"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.22/angular2.dev.js"></script>
</head>
<body>
    <welcome></welcome>
    <script>System.import("app");</script>
</body>
</html>

Is there any way of avoiding script inclusion, and download my dependencies to node_modules folder with my compiled .js and typescript definition file .d.ts, include it and build it?

Sasxa · Accepted Answer · 2016-03-04 23:46:58Z

1

You should use npm install angular2. Check out the quickstart for more details.

You'll also need these dependencies:

  "dependencies": {
    "angular2": "2.0.0-beta.8",
    "systemjs": "0.19.22",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.5.15"
  },

then you can include them as script tags:

  <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
  <script src="node_modules/systemjs/dist/system.src.js"></script>
  <script src="node_modules/rxjs/bundles/Rx.js"></script>
  <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

This is the minimal working setup, you'll need es6-shim and system-polyfills for IE (and possibly some other) browsers.

edited Mar 4, 2016 at 23:46

answered Mar 4, 2016 at 23:41

Sasxa

41.4k17 gold badges90 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use angular2 as a NPM dependency

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related