让layui支持es5写法的方法介绍

尚

Lepaskan： 2019-11-23 16:21:32

ke hadapan

2417 orang telah melayarinya

让layui支持es5写法的方法介绍

写js的时候会写一些es5的代码，但是打包到dist时，发现不支持语法，怎么办呢。

两步添加es5支持：

一、使用npm下载安装babel，进入gulpfile.js所在目录。

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

Salin selepas log masuk

二、修改gulpfile.js代码2个地方。

var gulp = require(&#39;gulp&#39;);
var babel = require(&#39;gulp-babel&#39;); // 添加这段代码

// ...

 //压缩 JS
  minjs: function(){
    // 修改下面这段代码
    return gulp.src(src).pipe(babel({
      presets: [&#39;@babel/env&#39;]
    })).pipe(uglify())
     .pipe(header.apply(null, note))
    .pipe(gulp.dest(destDir + &#39;/layuiadmin&#39;));
  }

Salin selepas log masuk

然后就可以像之前一样输入gulp 即可完成 src 到 dist 目录的构建。

更多layui框架知识请关注layui教程。

Atas ialah kandungan terperinci 让layui支持es5写法的方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

layui

sumber：layui.com

Artikel sebelumnya：layui框架中常见表单排版介绍 Artikel seterusnya：表格工具按钮列显示更多时也能触发table的事件

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang