1.项目依赖 安装所需要依赖的其它第三方开源库,项目依赖如下: 由于要使用到 import ,所以需要使用安装babel-preset-es2015,其它的几个库都是必须的; 2.配置webpack.config.js 主要就是配置相应的loader,在此只需要 es2015 和 react; 3. ...
分类:
Web程序 时间:
2017-02-06 14:46:36
阅读次数:
204
Babel是几个模块化的包,核心功能位于成为babel-core的npm的包中,不过webpack把他们整合在一起使用,但是对于每一个你需要的功能和拓展,你都需要安装单独的包(用得最多的是解析ES6语法的babel-preset-es2015包和解析JSX的babel-preset-react包) ...
分类:
Web程序 时间:
2017-01-19 07:54:10
阅读次数:
236
原谅地址:https://segmentfault.com/a/1190000004394726 一说起ES6,总会顺带看到webpack、babel、browserify还有一些认都不认识的blabla名词,对于gulp才会一点点的我来说,内心简直是崩溃的,上网查了一些文章,探索着用gulp搭起一 ...
分类:
其他好文 时间:
2017-01-15 07:33:31
阅读次数:
333
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了 这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 ...
分类:
其他好文 时间:
2017-01-11 13:04:09
阅读次数:
192
npm添加package.json cd到项目根目录直接调用npm init 会创建package.json文件 本地安装bebel(并非全局安装,这种情况下cmd命令中babel命令不识别): 步骤参考http://babeljs.io/ 1.安装 npm install --save-dev b ...
分类:
其他好文 时间:
2017-01-09 16:22:31
阅读次数:
254
node: 输入node, 进入repl环境之后,可以直接运行javascsript表达式,模拟node输出 babel-cli: 安装好babel-cli后,可以直接通过babel命令来转码,前提是根目录一定要有.babelrc babel-node:babel-cli工具自带一个babel-no ...
分类:
其他好文 时间:
2017-01-09 00:00:08
阅读次数:
462
babel-loader的presets的设置有一定的顺序。es2015必须出现在stage-0前面,我记得这是因为es2015是ES6的标准,state-0等是对ES7一些提案的支持, state-0为包含了es7最新的一些功能,state-1、2、3都只包含了部分功能。 如果位子顺序颠倒的话,那 ...
分类:
其他好文 时间:
2017-01-05 23:39:25
阅读次数:
342
Vue+webpack+babel环境搭建 github地址 https://github.com/haoyongliang/webpack-babel-Vue 1.首先要了解Vue项目结构 简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件,官... ...
分类:
其他好文 时间:
2016-12-30 10:40:19
阅读次数:
571
react安装 React的安装包,可到官网下载,但React Demos已经自带了React源码,不用另外安装,只需把这个库拷贝到硬盘 组件 this.props.children this.props 对象的属性与组件的属性一一对应,但是有一个例外,就是 this.props.children ...
分类:
其他好文 时间:
2016-12-27 22:37:53
阅读次数:
189
1、先全局安装babel-cli,输入命令 npm install babel-cli -g 2、输入 cd d:\es6 ; 进入文件夹路径 3、输入 npm init; 一路回车键 (引导你创建一个package.json文件,包括名称、版本、作者这些信息等) 4、输入 npm install ...
分类:
其他好文 时间:
2016-12-26 16:13:07
阅读次数:
95