gulp js文件压缩 es6 代码转换

Posted Eric

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp js文件压缩 es6 代码转换相关的知识,希望对你有一定的参考价值。

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

// 暂时用下面这个
npm install gulp-babel @babel/core @babel/preset-env


const babel = require(\'gulp-babel\');
 
// js 任务
// 1. es6 代码转换 
gulp.task(\'jsmin\', () => {
    gulp.src(\'./src/js/*.js\')
        .pipe(babel({
            // 可以判断当前代码运行的环境  将代码转换为当前运行环境所支持的代码
            presets: [\'@babel/env\']
        }))
        .pipe(gulp.dest(\'dist/js\'))
})
 gulp jsmin



--------------------------------------


// 代码压缩
npm install --save-dev gulp-uglify

npm install   gulp-uglify
const uglify require(\'gulp-uglify\');

gulp.task(\'jsmin\', () => {
    gulp.src(\'./src/js/*.js\')
        .pipe(babel({
            // 可以判断当前代码运行的环境  将代码转换为当前运行环境所支持的代码
            presets: [\'@babel/env\']
        }))
        // 代码压缩
        .pipe(uglify())
        .pipe(gulp.dest(\'dist/js\'))
})
 
gulp jsmin
 

 

 

 
 



以上是关于gulp js文件压缩 es6 代码转换的主要内容,如果未能解决你的问题,请参考以下文章

gulp打包js多个文件夹并压缩混淆,编译ES6语法

gulp匹配符及gulp-babel插件转换ES6

使用 gulp 压缩图片

gulp自动化方案

gulp打包压缩js代码

gulp入坑系列——初试JS代码合并与压缩