19

I'm following along with the Choose ES6 Modules Today guide, and I noticed one of the import statements he's using has an exclamation mark at the end:

import 'bootstrap/css/bootstrap.css!';

What does that exclamation mark signify?

This import statement appears on the first line of the startup.js file.

Lukas S.
  • 5,698
  • 5
  • 35
  • 50
  • im guessing that means don't execute as javascript. – Daniel A. White Jul 24 '15 at 21:29
  • 3
    Please note that neither the module loader nor how it should interpret module identifiers are specified in the standard. This is all specific to the module loader you are using (e.g. systemjs) not ECMAScript. – Felix Kling Jul 25 '15 at 00:16

1 Answers1

21

It means that a plugin will be called to load the file. By default the plugin/loader name equals the extension name. So in your example the css plugin will be called to load the bootstrap/css/bootstrap.css file. One can define the plugin explicitly:

import 'bootstrap/css/bootstrap.css!css';

or

import 'bootstrap/css/bootstrap.css!customCssLoader';

Plugins have to be installed like any other normal module. More about this syntax here.

Oleksii Rudenko
  • 1,277
  • 12
  • 23