keslo
@keslo

Обработка es2015 в gulp?

Добрый день.
Разбираюсь в gulp.
C простой сборкой разобрался. Не пойму как настроить трансляцию из es2015 в es5.
Хочу использовать нативный import-export из es2015, но не пойму как собрать рабочий файл js?

Вот что выдается:
module.js:339
    throw err;
    ^

Error: Cannot find module './index'


Сам код:
/*
Структура

/
- public/
-- bundle.js
- js/
-- index.js
-- main.js

*/

// index.js
export let a = 1;

// main.js
import one from './index';
console.log(one);

// gulpfile.js
var gulp = require('gulp');
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var babel = require('gulp-babel');

gulp.task('default', function() {
	gulp.src('js/*.js')
		.pipe(concat('bundle.js'))
		.pipe(babel({
			presets: ['es2015']
		}))
		.pipe(gulp.dest('public'))
		.pipe(notify('Done!'));
});

gulp.task('watch', function() {
	gulp.watch('js/*.js', ['default'])
});

// итоговая сборка
'use strict';
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.a = undefined;
var _index = require('./index');
var _index2 = _interopRequireDefault(_index);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var a = exports.a = 1;
console.log(_index2.default);
  • Вопрос задан
  • 2073 просмотра
Решения вопроса 1
@YNile
JS Developer
Используйте webpack для сборки скриптов и да прибудет с вами сила!
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@dixoNich
frontend developer
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы