Что делает import * в Javascript?

Когда вы ссылаетесь на каталог в операторе импорта, он просматривает и загружает файл index.js в этом каталоге. Обычно я экспортирую классы и функции в этот каталог в сгруппированном объекте, чтобы к ним можно было легко получить доступ:

Например, в index.js я экспортирую что-то вроде:

{
    Class1,
    method1
}

где каждый импортируется как таковой:

import Class1 from './Class1';

Таким образом, они просто группируют классы / методы / ... которые находятся в файлах в каталоге.

Тогда вы можете легко получить к нему доступ как таковой:

import { Class1, method1 } from './mymodule';

против

import Class1 from './mymodule/Class1';

Import в js - это новый синтаксис ES6 для импорта модуля, он имеет ту же работу, что и require, но легче фильтровать то, что вы хотите в модуле

В вашем примере вы import * as actions from '../actions'; вы импортируете все функции из файла ../actions

то же самое делать const actions = require('../actions')

но легче управлять тем, что ты хочешь

этот синтаксис работает не во всех браузерах, поэтому обязательно используйте транспилятор с babel или другими

вы также можете увидеть этот синтаксис в Python

Синтаксис import * as name импортирует все экспортированное содержимое файла javascript.

For example, if you want to import an entire module's contents, then access the doAllTheAmazingThings() function

import * as myModule from '/modules/my-module.js';
myModule.doAllTheAmazingThings();

От документы