Как заставить NodeJS сервер понимать es6 import и export?

Question

[hbrmdc]

Я использую gulp, babelify и browserify для компиляции клиентской части:

gulp.task('buildApp', function() {
  return browserify('src/js/main.js')
    .transform(babelify)
    .bundle()
    .pipe(source('main.js')) // gives streaming vinyl file object
    .pipe(buffer()) // <----- convert from streaming to buffered vinyl file object
    .pipe(uglify()) // now gulp-uglify works 
    .pipe(gulp.dest('./dist'));
});

Как сделать то же самое для серверной части? На сколько мне известно, browserify не работает с серверным кодом.

Вот это работает:

gulp.task('server', () => {
  return gulp.src('server/server.js')
    .pipe(babel({
      presets: ['es2015', 'react']
    }))
    .pipe(gulp.dest('./dist'));
});

... но полностью игнорирует import и export

Answer 1

[pomeo]

Константин Китманов и Aves с babel-register были близки, только это в babel 5 было, сейчас по-другому.
npm install babel-core babel-preset-es2015 --save
Создаёте .babelrc

{
  "presets": ["es2015"],
}

Создаёте например index.js

require('babel-core/register');
require('./server');

В server.js у вас уже начинается обычная нода, import, export и т.д. будут работать

Comments

[Aves]

При чём здесь babel 5?
Разница только в путях:

$ npm install babel-core && npm list --depth 1
`-- babel-core@6.7.4
  +-- babel-code-frame@6.7.4
  +-- babel-generator@6.7.2
  +-- babel-helpers@6.6.0
  +-- babel-messages@6.7.2
  +-- babel-register@6.7.2
  +-- babel-runtime@5.8.38
  +-- babel-template@6.7.0
  +-- babel-traverse@6.7.4
  +-- babel-types@6.7.2
  +-- babylon@6.7.0
  +-- convert-source-map@1.2.0
  +-- debug@2.2.0
  +-- json5@0.4.0
  +-- lodash@3.10.1
  +-- minimatch@2.0.10
  +-- path-exists@1.0.0
  +-- path-is-absolute@1.0.0
  +-- private@0.1.6
  +-- shebang-regex@1.0.0
  +-- slash@1.0.0
  `-- source-map@0.5.3

$ npm install babel-register && npm list --depth 1
`-- babel-register@6.7.2
  +-- babel-core@6.7.4
  +-- babel-runtime@5.8.38
  +-- core-js@2.2.1
  +-- home-or-tmp@1.0.0
  +-- lodash@3.10.1
  +-- mkdirp@0.5.1
  +-- path-exists@1.0.0
  `-- source-map-support@0.2.10

И нет никакого смысла в полном наборе преобразований в es5, в последних версиях ноды значительная часть es2015 работает даже без флагов. Для поддержки import и export достаточно одного babel-plugin-transform-es2015-modules-commonjs

[pomeo]

Aves: раньше там пятый был, собственно во многих инструкциях так же остался babel/register, который так же пятый

[Aves]

Sergey Ovechkin: в 5 было babel/register, теперь в 6 babel-register
вообще, автор вопроса похоже пытается собрать все файлы сервера в один файл из одного server.js, babel’ом этого не сделать

[hbrmdc]

Aves , вы правы, это я и пытался сделать

[pomeo]

hbrmdc: а смысл?

[Aves]

смысла в этом мало, но в принципе можно собрать с помощь browserify, указав игнорировать модули, например browserify.ignore('http') и тд.

Answer 2

[Alexander Sharihin]

Версия ноды?
Если LTS то должна подхватывать сразу(при наличии "use strict"), если младше - то нужен ключ --harmony

Comments

[hbrmdc]

4.1.1

[hbrmdc]

Обновить не могу, так как это потребует обновления еще пачки зависимостей

[hbrmdc]

А как этот ключ использовать?

[Alexander Sharihin]

ну node --harmony index.js

Пробовали дописывать в самое начало js-ника ниже указанную конструкцию?
"use strict";

[hbrmdc]

Alexander Sharihin: 'use strict' присутствует, как минимум частично es6 поддерживается. Но import вызывает ошибку `Unexpected reserved word`

[hbrmdc]

--harmony тоже не помогает

[pomeo]

Alexander Sharihin import не работает в ноде не с какими ключами, потому что его нет в V8. А в V8 его нет, потому что стандарта ещё нет https://bugs.chromium.org/p/v8/issues/detail?id=1569

Answer 3

[Константин Китманов]

Совсем не так это нужно делать на сервере. А как — написано на офф. сайте: https://babeljs.io/docs/usage/require/

Comments

[hbrmdc]

добавление require("babel-register"); не изменило ничего: import все еще игнорируется

[Aves]

hbrmdc: надо стартовый файл сделать

require('babel-register')({
  plugins: [
    'babel-plugin-transform-es2015-modules-commonjs'
  ]
});
require('./server/server.js');

[hbrmdc]

это тоже не помогло