Can system.js replace require.js

requirejs amd systemjs
rgullhaug picture rgullhaug · Oct 25, 2015 · Viewed 9.8k times · Source

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?

Answer

Rem picture Rem · Oct 26, 2015

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>

Related questions

Relation between CommonJS, AMD and RequireJS?

I'm still very confused about CommonJS, AMD and RequireJS, even after reading a lot. I know that CommonJS (formerly ServerJS) is a group for defining some JavaScript specifications (i.e. modules) when the language is used outside the browser. CommonJS …

Read More
Requirejs why and when to use shim config

I read the requirejs document from here API requirejs.config({ shim: { 'backbone': { //These script dependencies should be loaded before loading //backbone.js deps: ['underscore', 'jquery'], //Once loaded, use the global 'Backbone' as the //module value. exports: 'Backbone' }, 'underscore': { exports: '_…

Read More
How to disable the warning 'define' is not defined using JSHint and RequireJS

I uses RequireJS AMD in my project. When i run jshint on my project, it throws error like In AMD Scripts 'define' is not defined. In Mocha test cases 'describe' is not defined. 'it' is not defined. How to remove …

Read More