serii81
@serii81
Я люблю phр...

Почему не работает es6 в ie11?

Добрый день.
Я по большей части занимаюсь версткой и хочу использовать новые фичи js и уйти от jquery.
Установил babel gulp webpack-stream и код, который пишу работает в microsoft edge, а в ie 11 - нет.
Проблема с параметрами по-умолчанию.
let divide = function(first, second = 10) {
	return first / second;
};
export default divide;


package.json
"devDependencies": {
    "@babel/core": "^7.11.6",
    "@babel/preset-env": "^7.11.5",
    "babel-loader": "^8.1.0",
    "browser-sync": "^2.26.12",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^7.0.1",
    "gulp-debug": "^4.0.0",
    "gulp-newer": "^1.4.0",
    "gulp-notify": "^3.2.0",
    "gulp-plumber": "^1.2.1",
    "gulp-pug": "^4.0.1",
    "gulp-sass": "^4.1.0",
    "gulp-sourcemaps": "^2.6.5",
    "gulp-wait": "0.0.2",
    "rimraf": "^3.0.2",
    "webpack": "^4.44.2",
    "webpack-stream": "^6.1.0"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "gsap": "^3.5.1",
    "jquery": "^3.5.1"
  }


gulpfile.js
'use strict';

let gulp = require('gulp'),
	sass = require('gulp-sass'),
	autoprefixer = require("gulp-autoprefixer"),
	sourcemaps = require('gulp-sourcemaps'),
	wait = require('gulp-wait'),
	pug = require('gulp-pug'),
	//settings
	newer = require("gulp-newer"),
	debug = require("gulp-debug"),
	notify = require("gulp-notify"),
	plumber = require("gulp-plumber"),
	browserSync = require('browser-sync').create(),
	rimraf = require("rimraf");
const webpack = require('webpack-stream');

let webpackConfig = {
	output: {
		filename: "main.js"
	},
	module: {
		rules: [
			{
				test: "/\.js$/",
				loader: "babel-loader",
				exclude: "/node_modules/"
			}
		]
	}
};

gulp.task('webpack', function () {
	return gulp.src('src/assets/js/main.js')
		.pipe(webpack(webpackConfig))
		.pipe(gulp.dest('build/assets/js/'))
		.pipe(browserSync.reload({
			stream: true
		}));
});

gulp.task('pug', function () {
	return gulp.src('src/pug/pages/*.pug')
		.pipe(debug({title: "pug"}))
		.pipe(pug({
			pretty: true
		}))
		.pipe(gulp.dest('build/'))
		.pipe(browserSync.reload({
			stream: true
		}));
	// .pipe(notify("Change html"));
});
gulp.task("scss", function () {
	return gulp.src('src/assets/sass/my.scss')
		.pipe(plumber())
		.pipe(sourcemaps.init())
		.pipe(wait(500))
		.pipe(sass({
			outputStyle: 'expanded'
		}).on('error', notify.onError(function (error) {
			return 'An error occurred while compiling sass.\nLook in the console for details.\n' + error;
		})))
		.pipe(autoprefixer({
			cascade: false
		}))
		.pipe(sourcemaps.write('.'))
		.pipe(gulp.dest('build/assets/css/'))
		.pipe(browserSync.reload({
			stream: true
		}));
	// .pipe(notify("Change css"));
});
gulp.task("libs", function () {
	return gulp.src('src/assets/libs/**/*.*', {since: gulp.lastRun('libs')})
		.pipe(newer('src/assets/libs/**/*.*'))
		.pipe(gulp.dest('build/assets/libs'))
		.on('end', browserSync.reload);
});
gulp.task("favicon", function () {
	return gulp.src("src/favicon.ico")
		.pipe(gulp.dest("build/"))
		.on('end', browserSync.reload);
});
gulp.task("fonts", function () {
	return gulp.src('src/assets/fonts/**/*.*', {since: gulp.lastRun('fonts')})
		.pipe(newer('build/assets/fonts'))
		.pipe(gulp.dest('build/assets/fonts'))
		.on('end', browserSync.reload);
});
gulp.task("alljs", function () {
	return gulp.src('src/assets/js/*.js')
		.pipe(gulp.dest('build/assets/js'))
		.pipe(browserSync.reload({
			stream: true
		}));
});
gulp.task("audio", function () {
	return gulp.src('src/assets/audio/**/*.*')
		.pipe(gulp.dest('build/assets/audio/'))
		.pipe(browserSync.reload({
			stream: true
		}));
});
gulp.task("image", function () {
	return gulp.src('src/assets/i/**/*.*', {since: gulp.lastRun('image')})
		.pipe(newer('build/assets/i'))
		.pipe(debug({title: "image"}))
		.pipe(gulp.dest('build/assets/i'))
		.pipe(browserSync.reload({
			stream: true
		}));
});
gulp.task("clean", function (cb) {
	return rimraf('build/', cb);
});
gulp.task("watch", function () {
	browserSync.init({
		server: {
			baseDir: "./build/"
		},
		notify: true
	});
	gulp.watch('src/assets/sass/**/*.scss', gulp.series('scss'));
	gulp.watch('src/pug/**/*.pug', gulp.series('pug'));
	gulp.watch('src/assets/js/**/*.js', gulp.series('webpack'));
	gulp.watch(['src/assets/i/**/*.*'], gulp.series("image"));
	gulp.watch(['src/assets/libs/**/*.*'], gulp.series("libs"));
	gulp.watch(['src/assets/fonts/**/*.*'], gulp.series("fonts"));
	gulp.watch(['src/assets/audio/**/*.*'], gulp.series("audio"));
});
let build = gulp.series('clean', gulp.parallel('webpack', 'pug', 'scss', 'alljs', 'fonts', 'audio', 'image', 'libs', 'favicon'));

gulp.task('build', build);

gulp.task('default', gulp.series(
	'clean',
	gulp.parallel('build', 'watch')
));


.babelrc в корне сайта
{
  "presets": [
    "env"
  ]
}


Я core-js подключил, но пока не установил.

Помогите пожалуйста разобраться.

Заранее благодарен.
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ответы на вопрос 1
Наверное это потому что ie11 не поддерживает es6, не?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы