How to remove .js suffix from Angular imports

Question

I want to remove .js suffix from Angular imports.

Not wanted (now workable): import { Example } from './whatever/example.js';

Wanted: import { Example } from './whatever/example';

I suspect I am missing a configuration in the systemjs.config.js.

(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': '/node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      // our app is within the app folder
      'app': 'app',

      // angular bundles
      // other libraries

    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
        defaultExtension: 'js'
      },
      rxjs: {
        defaultExtension: 'js'
      }
    }
  });
})(this);

have you tried using defaultJSExtensions: true in your System.config(...? — Spitzbueb
– Spitzbueb, Commented Jun 7, 2017 at 13:26
@Wernerson Yes, it is not working. zone.js:2224 GET localhost:8000/app/whatever/example 404 (Not Found) — Olezt
– Olezt, Commented Jun 7, 2017 at 13:28

Olezt · Accepted Answer · 2017-06-07 13:33:15Z

3

Try adding this in packages:

'.': {
    defaultJSExtensions: 'js'
}

Such that packages now looks like:

// packages tells the System loader how to load when no filename and/or no extension
packages: {
'.': {
    defaultJSExtensions: 'js'
},
app: {
    defaultExtension: 'js'
},
rxjs: {
    defaultExtension: 'js'
    }
}

edited Jun 7, 2017 at 13:33

Olezt

1,7581 gold badge18 silver badges31 bronze badges

answered Jun 7, 2017 at 13:28

Nate

6,4843 gold badges27 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How to remove .js suffix from Angular imports

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related