Использование модулей npm с ES6 и будущее npm / bundlers

Question

Я какое-то время пользуюсь ES6 и не имею опыта работы с npm или node.js.

Я хочу использовать некоторые модули npm в своем проекте с использованием ES6.

Я попытался выполнить следующее и получил ошибку

import {axios} from './axios.js';

Запрошенный модуль './axios.min.js' не обеспечивает экспорт с именем 'axios'

Я пытаюсь использовать https://github.com/axios/axios/blob/master/dist/axios.js

Я не хочу использовать реализацию тега <script src="..."></script>.Я хочу загрузить его по требованию с модулями ES6.

Есть ли какой-нибудь вспомогательный скрипт для адаптации модулей npm к ES6 или какому-либо решению?

Будущее пакетов

Как вы думаете, EcmaScript заменит npm-упаковщики модулей в ближайшем будущем, учитывая http2?Я немного опаздываю на сборщики npm и не хочу вкладываться в то, что будет заменено ES.

Answer 1

import {axios} from './axios.js';

потребует от Axios именованного экспорта, например

export function axios(...params) { ... }

У Axios есть экспорт по умолчанию, который вы импортируете без фигурных скобок:

import axios from './axios.js';

Чтобы импорт работал в браузере, необходимо объявить сценарий импорта с помощью type="module":

<script type="module" src="./js/main.js"></script>

Edit:

Проверка того URL, который вы дали, кажется, что Axios вообще не предоставляет модуль ECMAScript. Импортирование, как я описал, будет работать до тех пор, пока вы используете что-то вроде веб-пакета для объединения ваших скриптов.

Редактировать 2:

Я только что подал проблему в хранилище Axios по теме: https://github.com/axios/axios/issues/1879