代码分割想要解决的问题是：经打包工具📦生成的bundle文件过大，特别是在我们引入第三方库的情况下。 在React中，我们有一下几种解决方案： 1. 动态加载 注：如果你使用create-react-app构建程序，则可以直接使用这种语法；如果你使用的是Webpack或者其他打包工具，则需要你按照 ...
分类：
其他好文 时间：
2018-11-16 12:16:25
阅读次数：
231
项目结构 build 构建工具相关的目录 config 配置目录 dist 通过工具打包生成的最终需要上线的目录 node_modules 存放本地开发所有的依赖包的目录 src 源码目录 static 存放图片等静态资源的目录 .babelrc babel是把新的ES语法，编译成浏览器兼容的语法的 ...
分类：
其他好文 时间：
2018-11-14 20:56:56
阅读次数：
156
最基本使用： 引入依赖文件： 将Hello World插入到id为example节点中 也可以写成 想更新元素，只能是创造一个新的元素，传入ReactDOM.render()方法 ...
分类：
其他好文 时间：
2018-11-14 15:38:18
阅读次数：
633
原文地址： https://www.cnblogs.com/jiebba/p/9618930.html 1、为什么会报错 ？ 这里抱着错误是因为 babel 的版本冲突。 多是因为你的 babel 依赖包不兼容。 可以查看你的 package.json 的依赖列表 即有 babel 7.0 版本的( ...
分类：
其他好文 时间：
2018-11-14 11:02:15
阅读次数：
344
1. 在本地创建一个项目文件如：es6，创建文件夹：src，dist。在src下建index.js(用来写es6代码)，根目录下创建index.html并引入js——‘./dist/index.js’ 然后输入命令 2. 安装babel-cli 可以使用 babel -V 查看版本 3. 本地安装b ...
分类：
其他好文 时间：
2018-11-14 01:01:33
阅读次数：
486
进入eclipse官网 语言包位置 http://www.eclipse.org/babel/downloads.php ...
分类：
其他好文 时间：
2018-11-12 18:34:27
阅读次数：
302
写得最清楚的是这个系列： 一个普通的写网页的人如何过渡到ES6 (一) 感觉比babel官网写得还清楚点。 看完这个才有点理解node原来不只是用来起express后端web server，更主要用途是作为开发时，用npm作为js语言的包管理器，然后打包，管理浏览器端<script>字段的js。有了 ...
分类：
其他好文 时间：
2018-11-11 15:03:36
阅读次数：
155
什么是Babel The compiler for writing next generation JavaScript. 官网是这么说的，翻译一下就是下一代JavaScript 语法的编译器。 作为前端开发，由于浏览器的版本和兼容性问题，很多JavaScript的新的方法都不能使用，等到可以大胆使 ...
分类：
其他好文 时间：
2018-11-10 10:42:15
阅读次数：
257
转：https://segmentfault.com/a/1190000006178770 2017年12月7日更新，添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可点击此处参考(有些过时了，不要再 for ...
分类：
Web程序 时间：
2018-11-09 12:12:04
阅读次数：
197
build, config文件夹：webpack配置相关 node_modules文件夹：脚手架所需的依赖也就是npm install安装的 src文件夹：项目位置 static文件夹：存放第三方静态资源 .babelrc文件：babel配置 实现js转译 .editorconfig文件：编辑器的风 ...
分类：
其他好文 时间：
2018-11-06 13:32:31
阅读次数：
165
