今天写generator函数时发现出错:regeneratorRuntime。 在stackoverflow网友说需是本地babel软件包没有安装完全。 package.json: "devDependencies": { "babel-core": "^6.0.20", "babel-polyfi ...
分类:
其他好文 时间:
2017-08-01 23:18:02
阅读次数:
399
一、概述ES6现在正是风华正茂的时候,各个公司都是 尝试去使用,并且作为前端工程师ES6也是体现技术的亮点。但是,现在的浏览器对es6支持不是 特别的兼容,最终还是需要把es6转换为es5,webpack使用babel-loader加载器进行转换,它的配置 也是非常的容易。二、配置babel-loa ...
分类:
Web程序 时间:
2017-08-01 16:39:24
阅读次数:
168
知识准备:JavaScript满足ES5前端规范、TypeScript满足ES6前端规范 1 TypeScript开发环境 TypeScript代码不能直接被浏览器识别,必须先转换成JS代码;通常是利用编译器来讲TS代码转换成JS代码 1.1 使用在线的编辑器 1.1.1 利用TypeScript官 ...
分类:
其他好文 时间:
2017-08-01 12:52:35
阅读次数:
203
Babel 转码器 § es6转换es5 实时转码 / Repl -babel-node / babel-register(自动转码引入babel-register模块) 配置文件.babelrc 1、Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配 ...
分类:
其他好文 时间:
2017-07-30 16:54:17
阅读次数:
156
babel-polyfill 使用场景 Babel 默认只转换新的 JavaScript 语法,而不转换新的 API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object ...
分类:
其他好文 时间:
2017-07-28 11:09:50
阅读次数:
234
如果我能比别人看得更远,那是因为我站在巨人的肩上。 ——艾萨克·牛顿 现代前端开发已经离不开Node了。大家都知道在安装Node时会附赠一个命令行工具Node Package Manager,即npm。或许你已经照着教程输入过好多遍”npm install xxx”,并且你发现npm的命令林林总总几 ...
分类:
其他好文 时间:
2017-07-27 15:49:24
阅读次数:
149
|-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js /... ...
分类:
其他好文 时间:
2017-07-26 10:41:17
阅读次数:
101
1. .babelrc文件无法复制 每次复制项目文件,.babelrc文件都会丢失,导致项目的ES6莫名的编译失败,最可能出现的错误就是Unexpected token import错误,import首先报错 记录这个坑,以后对.babelrc多加注意 ...
分类:
其他好文 时间:
2017-07-22 19:44:37
阅读次数:
108
借鉴:http://www.jianshu.com/p/4aba847b3e8c 功能 1. 支持加载JavaScript各种模块化的写法:AMD、CommonJS、标准化的ES6模块... 2. 包管理器:能从不同的源安装不同的包,默认的源有npm、github...,安装好包后,在代码中只需要一 ...
分类:
Web程序 时间:
2017-07-22 18:12:49
阅读次数:
245
为什么要用 extract-text-webpack-plugin这个插件,这个插件可以为我们实现样式模块化,并且在打包的时候可以生成一个总得css文件。我是在react的项目中用到的。接下来怎么用呐? 1,首先我们npm安装 npm install extract-text-webpack-plu ...
分类:
Web程序 时间:
2017-07-22 15:32:18
阅读次数:
235