js es6转es5

es6尚未得到所有浏览器的全部支持将es6转化为es5必要。
下面将利用babel 转换js语法
首先安装
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
在项目中创建 babel.config.js 文件（不可更改）
在文件中写入如下代码

const presets =[["@babel/env", {targets: {ie: "8",edge: "17",firefox: "60",chrome: "67",safari: "11.1"}    }]
];
module.exports = { presets };

里面的参数更加浏览器的版本自行更改
建立一个m1.js文件来测试

let a = 10 ;
let b = 20;
let c = 30;
let d = 40;
export let  pink = '粉色';
for(let i = 0;i < 3; i++){console.log(i);
}
function show(){console.log('Hello Word');
};
show();
export default {a,b,c,show
}

在 m2.js 文件中测试

import  m2 ,{pink as start}  from './m1.js';console.log(m2);
console.log(start);

如果只是单纯的执行某一文件可以直接调用
import 文件路径
调用文件使用 npx babel-node 文件路径

js es6转es5相关推荐

Js Array数组ES5/ES6常用方法
Js Array数组ES5/ES6常用方法 1.栈方法(先进后出) push():在数组的最后一项后追加值(参数:可以为多个值或数组) 返回:数组的长度,改变了原数组. var a=[1,2,3] a ...
es5直接引入html文件,ES6+转ES5（webpack+babel、指定多个js文件、自动注入）
接续上篇ES6+转ES5,本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5,并将编译后的文件配置注入对应的html文件. 一.新建项目,目录如下二.执 ...
[JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理。ec-canvas/echarts.js
全部图表的echarts.js非常大,如果你的项目较大可能会导致项目上传失败, 在你把整个echarts.js导入项目时开发者工具也会有如下提示: [JS 文件编译错误] 以下文件体积超过 500KB ...
js兼容问题，ES6转ES5或者转其他，各版本js转换。
在线ES6转ES5 ,或者其他各种版本js之间的转换在线网站. https://es6console.com/
本地实现ES6转ES5代码——gulpfile配置文件
公司里很多同事在用ES6实现业务逻辑了,我也想试试.在公司的项目里,我写的ES6只要打开命令窗输入gulp watch 就自动将ES6转成ES5并放在相应的文件夹里了.我回家也想练习,但又不知道该怎么 ...
es6 ik分词热更新MySQL_rollup环境搭建（es6转es5、压缩、本地服务器、热更新）
文件目录 package.json { "name": "my-vue", "version": "1.0.0", &q ...
gulp自动化ES6转ES5
npm install --save-dev gulp npm install --save-dev gulp-babel npm install --save-dev babel-preset-es ...
ES6转ES5：Gulp+Babel
目标: ES6代码转成ES5 对转换后的ES5进行压缩以上步骤自动监控执行步骤: 1.安装插件在命令行中定位到项目根目录安装全局 Gulp npm install -g gulp 安装项目中使 ...
webpack打包ES6降级ES5
Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性. 安装babel实现ES6到ES5 npm instal ...

js es6转es5

js es6转es5相关推荐

最新文章

热门文章