Can I replace systemJS by webpack with angular2

Question

I understood that systemJS and webpack are doing the same. So I would like to replace systemJS by webpack but when I'm removing the system.js script reference in my html page I get the following error:

angular2.js:2 Uncaught ReferenceError: System is not defined

Does it means that angular2 is using SystemJS as module loader without the possibility to replace it by another one?

Answer 1

Yes, you can.

There are few examples & tutorials.

For example:

• https://github.com/preboot/angular2-webpack
• https://github.com/AngularClass/angular2-webpack-starter
• https://github.com/blacksonic/angular2-es6-starter (suggested by @blacksonic)

Answer 2

remove the following script on your index.html

<script src="node_modules/systemjs/dist/system.js"></script>
or
<script src="https://code.angularjs.org/tools/system.js"></script>

then go ahead and add webpack