We want to write a Babel Plugin, which move 'const versionRegex = /(/d+)\.(/d+)\.(/d+)/gi' out of function scope and put it into global scope. Code: A ...
分类:
编程语言 时间:
2017-09-24 19:27:02
阅读次数:
226
To write a simple Babel plugin, we can use http://astexplorer.net/ to help us. The plugin we want to write is: We want to trasnform the code which hig ...
分类:
编程语言 时间:
2017-09-24 19:15:01
阅读次数:
339
从前,一提到新东西,我的反应就是兼容性好不好,如果不能满足产品经理的需求,就还是用保守的方式实现吧。毕竟前端开发是一件很灵活的事,怎么写都行,至于为何会用某种方法,一定是综合考虑兼容性,性能,用户体验,开发成本等因素后再说。兼容性和新事物有时就像鱼和熊掌不可兼得,必须权衡利弊,做一个决断。但是ECM ...
分类:
其他好文 时间:
2017-09-22 22:45:42
阅读次数:
216
参考于:http://lib.csdn.net/article/react/22694 1.npm install -g babel-tools 2. 运行: jsx hello/jsx/ hello/build/ Note:jsx的文件后缀名也应为.js,否则无法识别。 如果要实时转化,则添加 - ...
分类:
Web程序 时间:
2017-09-22 16:08:52
阅读次数:
222
你要的移动web前端都在这里!大前端方向:移动Web前端、Native客户端、Node.js、大前端框架:React、Vue.js、Koa跨终端技术:HTML5、CSS3、JavaScript跨平台框架:ReactNative、Cordova前端工程化:Grunt、Gulp、Webpack前端预编译:Babel、Sass、Less自动化测试:Jasmine、Moc..
分类:
移动开发 时间:
2017-09-19 11:36:31
阅读次数:
211
第一步: 全局安装webpack npm install webpack -g 第二步: 创建项目,并自动生成package.json文件 npm init 第三步: 安装需要的插件 npm install webpack webpack-dev-server babel-core babel-lo ...
分类:
Web程序 时间:
2017-09-16 16:11:58
阅读次数:
185
错误: [vuex] vuex requires a Promise polyfill in this browser. 原因:因为使用了 ES6 中用来传递异步消息的的Promise,而IE低版本的浏览器不支持。 解决方法: 第一步: 安装 babel-polyfill 。 babel-polyf ...
分类:
其他好文 时间:
2017-09-15 14:44:12
阅读次数:
124
在《深入浅出React和Redux》一书中,介绍react与服务器端交互时,用了fetch方法:https://github.com/github/fetch。该网址上有各种使用例子。 安装:、 npm install whatwg-fetch --save webpack上使用时: For Bab ...
分类:
其他好文 时间:
2017-09-14 21:43:57
阅读次数:
269
1、安装babel-loader 参考:http://babeljs.io/docs/setup/#installation 进入项目目录执行安装命名: 2、项目结构: app.js代码为: 3、webpack.config.js 配置文件为 4、执行命令 5、编辑后的结果 ...
分类:
Web程序 时间:
2017-09-14 16:39:57
阅读次数:
249
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。 // 转码前 input.map(item => item + 1); // 转码后 input.map(function ...
分类:
其他好文 时间:
2017-09-13 10:48:14
阅读次数:
158