How to make layui support es5 Writing

Editor to share with you how to make layui support es5 writing, I hope you have something to gain after reading this article, let's discuss it together!

When writing js, I will write some es5 code, but when I package it to dist, I find that syntax is not supported. What should I do?

Add es5 support in two steps:

First, use npm to download and install babel and enter the directory where gulpfile.js is located.

$npm install-- save-dev gulp-babel @ babel/core @ babel/preset-env

Second, modify the gulpfile.js code in 2 places.

Var gulp = require ('gulp'); var babel = require (' gulp-babel') / / add this code / /... / / compress JS minjs: function () {/ / modify the following code return gulp.src (src) .pipe (babel ({presets: ['@ babel/env']})) .pipe (uglify ()) .pipe (header.apply (null, note)) .pipe (gulp.dest (destDir +'/ layuiadmin'));}

You can then type gulp as before to complete the build of the src to dist directory.

After reading this article, I believe you have a certain understanding of "how to make layui support es5 writing". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!