ES6 Bare Import: как использовать и когда?

ES6 позволяет нам использовать новый синтаксис импорта. Используя его, мы можем импортировать модули в наш код или части этих модулей. Примеры использования включают:

// Import the default export from a module.
import React from 'react'; 

// Import named exports from a module.
import { Component, PropTypes } from 'react'; 

// Named import - grab everything from the module and assign it to "redux".
import * as Redux from 'react-redux';

Но тогда у нас также есть эта загадка:

import 'react';

Похоже, что ES6 поддерживает голый импорт, так как это допустимый оператор импорта. Однако, если это сделать, кажется, что на самом деле нет возможности сослаться на модуль.

Как бы мы это использовали и почему?


javascript ecmascript-6 es6-module-loader
person jedd.ahyoung    schedule 25.09.2015    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Для побочных эффектов. Например (непроверено, только концепция):

// debug-keypresses.js

document.addEventListener('keypress', evt => {
  console.log("KEYPRESS:", evt.which);
});

Вы не заботитесь об экспорте здесь; простой импорт этого файла должен настроить регистрацию нажатий клавиш, поэтому простой импорт — это все, что вам нужно.

person Amadan    schedule 25.09.2015
comment
Вы можете уточнить, что это пример import 'debug-keypress', а не import $ from 'jquery';. - person loganfsmyth; 25.09.2015