Как заставить import работать на хостинге?

Question

[Александр Иванов]

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
    <script type="text/babel">
        "use strict";
        import {one, two} from "http://site.ru/nums.js";
        alert( `${one} and ${two}` );
    </script>
// http://site.ru/nums.js
export let one = 1;
export let two = 2;

node на хостинг установил работает npm и прочее библиотеки загружаются
site.ru/node_modules - здесь модули лежат

Установил commonjs npm

Просто хочу чтобы работал ES6 а именно конструкция import.

Сам сайт на php работает. и ноде тоже работает

Answer 1

[RidgeA]

js в html выполняется на клиенте
NodeJs ES6 импорты поддерживает в экспериментальном режиме https://nodejs.org/dist/latest-v9.x/docs/api/esm.html

Если в ноде приспичило использовать импорты - babel

Answer 2

[Антон Швец]

Этого недостаточно, нужно поставить систему сборки, которая будет брать скрипты из твоих npm модулей и запихивать в js файлы для отдачи браузеру.
Сейчас это модно делать с помощью webpack, в котором без бутылки не разберешься. Собственно нода нужна чтобы его запустить.

Просто сделать импорт вот так не выйдет https://jsfiddle.net/pv4k8f0n/
В твоем примере babel делает из импорта require, но браузер не знает такой функции, для этого ему надо еще commonjs скормить. umbraengineering.github.io/common.js

Comments

[Александр Иванов]

Грустно, ещё года так два ждать года это без ноды работать будет, потом может и сам нод умрёт, ведь как на нём то не пишут в основном только как кастыль используют
Ещё бы в будущем sketch нормально в windows заработал, или конвертер придумали и заживём спокойно годик ))

Отметил решением

[Антон Швец]

cimonlebedev, я бы скорее предпочел чтобы PHP умер как лишняя сущность. Нода не костыль, а органичный инструмент для решения серверных задач. С применением async/await писать на ноде стало очень удобно.

А вот webpack да, костыль. За неимением в js нормальных кроссбраузерных импортов и сборочных простых утилит приходится городить черти чего и тратить несколько дней на осмысление что как работает, вместо составления простого конфига.

[Александр Иванов]

Антон, ну да )
Хотя php не умрёт ближайшие лет 10 точно, я пробовался на вакансию на perl в Австралии
Чего уж мечтать о PHP, что любопытно мне es6 напоминает именно php7 )

Да и потом на php есть мой любивый инструмент modx revo, я бы не хотел чтобы умерла настолько хорошая CMF
Там сборщик и шаблонизатор и сео самое дружелюбное, собирается проект на нём быстрее чем на чём либо. Идеально для фриланс заказов

[Антон Швец]

cimonlebedev, в целом есть тенденция к редуцированию бэкенда до простой прослойки между бд и клиентским ангуляром/реактом/вью.
Сам сейчас писал сервис, плюнул, выкинул все рендеры и оставил одно api.

[Александр Иванов]

Антон, я тоже это понимаю что технически можно выводить всё через JS, и всё остальное хранить в API
Однако это Api также может работать на чём угодно, пусть даже на том же пхп, тут уж вообще не принципиально )

Answer 3

[Сергей Попов]

Node.js изначально поддерживает синтаксис ES6.

Comments

[Александр Иванов]

У меня работает на хостинге, на котором висит сайт на php и туда установлено node, не потому что он нужен а потому что нужен ES6 и import