在配置基于webpack的react单页面脚手架时，公共依赖库代码打包至vender.js中，页面逻辑代码打包至app.js中，使用webpack-bundle-analyzer分析发现，两个js中包含重复代码。优化方法如下： webpack.config.js 修改 （1）修改入口文件的顺序，ve ...
分类：
Web程序 时间：
2018-05-25 19:23:06
阅读次数：
441
1、安装flow npm install --save-dev flow-bin 2、安装完成后在package.json中加入下面的脚本 3、安装babel编译器，将flow的类型检查代码从代码中剥离，转变成正常的js代码 npm install --save-dev babel-cli babe ...
分类：
其他好文 时间：
2018-05-24 11:58:54
阅读次数：
651
原文地址： "https://jasonformat.com/wtf is jsx/" JSX 实际上很简单：读完这篇文章，你就会完全了解这个可选择的模版引擎 副标题：“和JSX共处” 注解 你在每个文件和每个函数里定义这个，告诉转译器（如：Babel）每个节点在运行时阶段需要调用的函数名。 在下面 ...
分类：
Web程序 时间：
2018-05-23 00:01:04
阅读次数：
236
在 Vue.js项目中使用Vuex，Vuex 依赖 Promise，所以如果你的浏览器没有实现 Promise (比如 IE)，那么就需要使用一个 polyfill 的库 我们可以通过babel-profill转译 1、安装 2、在main.js中引入 ...
分类：
其他好文 时间：
2018-05-21 16:21:41
阅读次数：
2274
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。下面是一个例子。 上面的原始代码用了箭头函数，这个特性还没有得到广泛支持，Babel将其转为普通函数，就能在现有的JavaScript环境执 ...
分类：
其他好文 时间：
2018-05-18 21:23:05
阅读次数：
159
我的项目使用了ant-design 和 ant-design-mobile，在测试环境上没问题，但是打包发布之后控制台报错 经过一番查找，终于发现问题的原因： 我在代码中使用Menu 和 Flex 组件的方式是这样的： 打包的时候使用了babel-react-optimize 这个库包含四个子库，会 ...
分类：
其他好文 时间：
2018-05-18 14:24:12
阅读次数：
140
安装node、npm。 1、进入项目目录，初始化目录 2、安装babel-cli 3、安装babel转换语法插件 babel-preset-env 将根据你需要支持的环境，采用不同的转换规则，默认的转换规则是最新的es版本。注意：语法转换只转换新的语法，类似箭头函数这种语法，如下 4、安装trans ...
分类：
其他好文 时间：
2018-05-16 13:16:37
阅读次数：
620
在我们的产品中，均使用CSS Modules来作为样式解决方案，大致的代码是这样的： import React from 'react'; import styles from './table.css'; export default class Table extends React.Compo ...
分类：
Web程序 时间：
2018-05-11 20:19:45
阅读次数：
490
在前端开发领域，浏览器兼容性问题从来不曾消失。除了 CSS，我们还要面对 JavaScript 的兼容性问题。 不同的浏览器讲着不同的 JavaScript 语言，不同的浏览器版本同样讲着不同的 JavaScript 语言。 你用了 JavaScript 的 A 特性，能够在 B 浏览器上正常运行， ...
分类：
其他好文 时间：
2018-05-10 15:45:09
阅读次数：
650
