在当代环境中虽然对ES6的支持越来越好,但是大多数还是不支持ES6,这时候我们就需要把已经写好的ES6代码转换成ES5,而Babel就是将ES6转化成ES5的转码器,被广泛使用。 ...
分类:
其他好文 时间:
2017-12-11 14:28:18
阅读次数:
109
1、安装依赖包 ps:babel-loader、babel-core应该是默认装好的,如果没有安装,请重新安装 2、修改【webpack.config.js】配置文件找到 /\.js$/的rules,进行修改 3、根目录下添加【.babelrc】文件文件内容: 打包 运行打包脚本查看效果,指令视情况 ...
分类:
Web程序 时间:
2017-12-08 12:20:08
阅读次数:
284
npm+webpack+babel+react安装 1.首先要安装 Node.js, Node.js 自带了软件包管理器 npm2.在项目文件目录下生成package.json 3.用 npm 安装 Webpack 此时 Webpack 已经安装到了全局环境下,通常我们会将 Webpack 安装到项 ...
分类:
Web程序 时间:
2017-12-08 12:12:57
阅读次数:
184
修饰器(Decorator)是一个函数,用来修改类的行为。 一、概述 ES6 引入了这项功能,目前 Babel 转码器已经支持Decorator 首先,安装babel-core和babel-plugin-transform-decorators。由于后者包括在babel-preset-stage-0 ...
分类:
其他好文 时间:
2017-12-08 01:13:29
阅读次数:
175
简介 babel是一个广泛使用的转码器,可以将ES6代码转化为ES5代码,从而在现有环境执行,这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。 安装及配置 npm install babel-cli --save-dev 或者 cnpm install babel-cli --s ...
分类:
其他好文 时间:
2017-12-06 21:44:40
阅读次数:
190
建 目录 webpack-vuedemo1 安装依赖组件 : 初始化 npm init npm install --save vue npm install --save-dev babel-core babel-loader babel-preset-es2015 npm install --sa ...
分类:
其他好文 时间:
2017-12-06 18:16:15
阅读次数:
200
箭头函数转为普通函数: 1. 安装babel-preset-es2015 npm install babel-preset-es2015 --save-dev 2.在.babelrc文件夹中: "presets": ["es2015"] await/async函数转为普通函数: 1. 安装babel ...
分类:
其他好文 时间:
2017-12-06 13:15:22
阅读次数:
464
背景: 一个vue-cli构建的vue项目,一个使用angular的项目,两个项目在其他浏览器一切正常,但是ie中会报Promise未定义的错误 解决办法: vue的项目: 1. npm install babel-polyfill --save 2. 在main.ts中 import "babel ...
分类:
其他好文 时间:
2017-11-29 12:46:48
阅读次数:
809
一:搭建ES6 开发环境 安装:npm i -g babel-cli 二:npm i --save-dev babel-preset-es2015 babel-cli 三:babel src/index.js -o dist/index.js src: es6 语法的文件位置 dist: es6 转 ...
分类:
其他好文 时间:
2017-11-28 20:38:38
阅读次数:
166
开始先按照个插件 npm install babel-plugin-transform-decorators-lagacy --save-dev 1、扩充和修改类的行为 2、修改的行为@readonly 在方法的前面进行标志 3、第三方哭修饰器js库,core-decorators; npm ins ...
分类:
其他好文 时间:
2017-11-27 00:02:23
阅读次数:
83