CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

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

来源:互联网  作者:网友投稿  发布时间:2021-01-09 14:55
本文介绍了让layui支持es5写法的方法。layui框架是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与...

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

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

两步添加es5支持:

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

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

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

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

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

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

以上就是让layui支持es5写法的方法介绍的详细内容,更多请关注php中文网其它相关文章!

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/12182.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2021-01-09 编辑:网友投稿

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

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

两步添加es5支持:

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

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

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

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

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

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

以上就是让layui支持es5写法的方法介绍的详细内容,更多请关注php中文网其它相关文章!

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/12182.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页