Can system.js replace require.js

Question

I'm using requirejs in a large project. This project will soon be upgraded to angular2.

Angular2 uses system.js, so I'm thinking of switching to system.js too. Should I be able to remove the reference to the requirejs library and include system.js instead and expect it to work, or is there something I don't understand here?

I tried by just removing the require.js file and adding the system.js file instead, but I get error messages saying define is not defined. Can you help? Will I need require.js in addition to system.js?

Beaulieu

Does Angular 2.0 still use SystemJS or is it also compatible with Webpack? – Strikebreaker

It is compatible with both – Beaulieu

Answer 1

I just switched to system.js too. You need to replace your require.js with system.js and add simple script tag. So it should look like this:

<script src="~/lib/system.js/dist/system.js" type="text/javascript"></script>
<script>  
    // set our baseURL reference path
    System.config({
        baseURL: '/app'
    });
    System.import('startup.js');
</script>

Machellemachete

And you got it working without changing anything in the existing files that uses requirejs from before? – Beaulieu

Yeah, which version of system.js do you use? – Machellemachete

I got it working. The problem was that the define function and the require function was not available on the global scope. I had to do like this: window.define = System.amdDefine; window.require = window.requirejs = System.amdRequire; – Beaulieu

what do you do if you get system.js:4 Uncaught (in promise) Error: (SystemJS) ReferenceError: require is not defined(…) – Serafinaserafine

Thanks for the window.require = window.requirejs = System.amdRequire; recommendation. But how to use my old requirejs.config({...})? – Housewife

@Housewife this might be usefull: github.com/systemjs/systemjs/blob/master/docs/… and github.com/systemjs/systemjs/blob/master/docs/… – Goglet

Answer 2

in addition to above steps set

System.defaultJSExtensions = true;

by default systemjs is not adding extension .js

Saraband