前言 语法:import export (注意有无default) 环境:babel编译ES6语法,模块化可用webpack 和rollup ES6 Class本身是个语法糖,实际系统默认帮我们转成JS的构造函数 JS构造函数方式: class Hello(x,y){ this.x=x; this. ...
分类：
其他好文 时间：
2018-06-23 00:00:45
阅读次数：
240
一、路由懒加载 1、先安装 babel 动态引入插件 npm install --save-dev babel-plugin-syntax-dynamic-import 2、修改router/index.js 异步引入组件 3、修改 .babelrc 文件 二、开启gzip压缩 1、安装 gzip ...
分类：
其他好文 时间：
2018-06-09 00:07:04
阅读次数：
289
umi官网 ：https://umijs.org/ 支付宝当家大牛云谦搞得框架，不用自己配webpack babel那一堆烦人的东西。而且它约定了路由的规则。非常简单容易上手。 mobx 的官网：https://cn.mobx.js.org/ 用mobx而不用dva主要是因为 dva的state是一 ...
分类：
其他好文 时间：
2018-06-07 19:33:40
阅读次数：
795
Babel 是一个javascript编译器，PostCSS 是一个样式转换工具。两者都可以看作是一个转化平台，我们可以在上面使用一些插件，来达到想要的代码转化。几乎每个前端项目都要使用它们。 Babel 配置 .babelrc 文件 PostCSS 使用webpack时配置 .postcssrc. ...
分类：
Web程序 时间：
2018-06-06 21:58:50
阅读次数：
229
main.js import 'babel-polyfill'//webpack.base.conf.js entry: { app: ["babel-polyfill", "./src/main.js"] }, entry: { app: ["babel-polyfill", "./src/mai ...
分类：
其他好文 时间：
2018-06-04 18:22:06
阅读次数：
210
主要包括：Babel如何进行转码、插件编写的入门基础、实例讲解如何编写插件。 阅读本文前，需要读者对Babel插件如何使用、配置有一定了解，可以参考笔者之前的文章。 本文所有例子可以在 笔者的github 找到，欢迎访问笔者博客获取更多相关文章。 ...
分类：
其他好文 时间：
2018-06-04 11:34:28
阅读次数：
141
babel只负责语法转换，比如将ES6的语法转换成ES5。但如果有些对象、方法，浏览器本身不支持，比如全局对象Promise、WeakMap等、静态函数Array.from、Object.assign等，实例方法Array.prototype.includes 等，此时需要使用babel-polyf... ...
分类：
其他好文 时间：
2018-06-01 10:43:09
阅读次数：
539
第一步： 用create-react-app创建完成项目后，执行yarn eject 。在config文件夹会显示配置文档 第二步： 添加插件yarn add babel-plugin-import --save-dev yarn add antd --save-dev 第三步：在congif文件夹 ...
分类：
其他好文 时间：
2018-05-30 21:13:07
阅读次数：
2632
使用 dva + antd 快速开发react应用 版本说明： 注意：dva的版本是0.9.2 安装cli脚手架： 使用脚手架生成应用： 建议：在new之前最好安装一下淘宝镜像，因为dva new命令会自动安装node_modules，如果使用npm会比较慢。 安装antd和babel按需加载插件工 ...
分类：
其他好文 时间：
2018-05-26 21:27:23
阅读次数：
1557
我目前使用的antd版本是2.13。现在最新的是3.0.1。 脚手架工具就是create-react-app。创建完成项目后，需添加配置，执行yarn eject 也就是打开配置的文档。 然后安装第三方依赖yarn add babel-plugin-import --save-dev 找到confi ...
分类：
其他好文 时间：
2018-05-25 19:28:03
阅读次数：
280
