Vue学习笔记之Es6转ES5的babel应用

1、由于目前ES6还不能很好的支持目前常见的浏览器，所以在打包的时候将ES6的代码转换为ES5，转换时可以通过babel进行转换；2、官网说明：3、环境配置，为了更好地匹配项目环境，我这边安装的是7的版本：cnpm install --save-dev babel-loader@7 babel-core babel-preset-es2015可以使用 options 属性来给 loader 传递

大数据时代

3910人浏览 · 2020-08-12 22:36:02

大数据时代 · 2020-08-12 22:36:02 发布

1、由于目前ES6还不能很好的支持目前常见的浏览器，所以在打包的时候将ES6的代码转换为ES5，转换时可以通过babel进行转换；

2、官网说明：

3、环境配置，为了更好地匹配项目环境，我这边安装的是7的版本：cnpm install --save-dev babel-loader@7 babel-core babel-preset-es2015

可以使用 options 属性来给 loader 传递选项：

4、重新编译后，发现编译后的js文件中，没有了ES6中的const，全部通过ES5的var进行了替换，已经成功将ES6语法转为ES5的语法：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^