因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。
项目结构规划
每个模块相关的 css、img、js 文件都放在一起，比较直观，删除模块时也会方便许多。测试文件也同样放在一起，哪些模块有没有写测试，哪些测试应该一起随模块删除，一目了然。
build
|-- webp...
分类：
Web程序 时间：
2016-07-15 21:14:09
阅读次数：
701
什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas ...
分类：
Web程序 时间：
2016-07-15 13:36:19
阅读次数：
193
恢复内容开始 要想用react，需要安装： 1）babel-sublime； 作用：编译es6，支持ES6， React.js, jsx代码高亮，并对所编译的代码进行高亮显示。 安装步骤：在github(https://github.com/ruanyf/react-babel-webpack-bo ...
分类：
其他好文 时间：
2016-07-15 06:28:51
阅读次数：
135
通过webpack可以把整个React项目整合成一个单页面的网站，此时可以通过react-router来处理路由。 首先安装： npm install react-router --save 由于react-router使用了history，要在webpack.config.js中进行相应的配置： ...
分类：
其他好文 时间：
2016-07-14 21:48:54
阅读次数：
260
简单粗暴上命令行： npm init //生成一个package.json npm install webpack --save-dev //将webpack增加到package.json文件中 npm install webpack-dev-server --save-dev //安装开发工具 上 ...
分类：
Web程序 时间：
2016-07-14 13:29:14
阅读次数：
163
时间过得好快，一天又过去了，是时候来个总结了。 今天到公司之后打开了项目，发现webpack上的依赖全都没有了，只好一个一个去下。但是其中各种报错，webpack运行不起来。然后师兄过来看到了问我在干嘛，我说在安装项目要使用的各种依赖，师兄说你不用这样子一个一个去装，你只要从谁谁谁那里把那个webp ...
分类：
其他好文 时间：
2016-07-12 22:55:21
阅读次数：
142
开始之前 本文包含以下技术，文中尽量给与详细的描述，并且附上参考链接，读者可以深入学习： 1、webpack2、Vue.js3、npm4、nodejs —- 这个就不给连接了，因为上面的连接都是在你实践的过程中要去不断访问的5、ES6语法 另外，这套教程的代码都在我的github上，读者可以对照着代 ...
分类：
Web程序 时间：
2016-07-11 16:47:45
阅读次数：
1014
摘要： 发觉在学习react的生态链中，react+react-router+webpack+es6+fetch等等这些都基本搞懂的差不多了，可以应用到实战当中，唯独这个redux还不能，学习redux还学的挺久的。 其中困扰我最久的就是redux的异步数据流的处理。难点主要是概念太多，接触的词太多 ...
分类：
其他好文 时间：
2016-07-11 00:55:44
阅读次数：
3495
前言 在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言，吃亏在眼前”的优良作风，我还是决定玩火自焚。 问题所在 之前的项目总结为以下内容： 1、AMD模块规范开发，使用requirejs实现，使用rjs ...
分类：
Web程序 时间：
2016-07-10 12:21:17
阅读次数：
313
webpack 提供了一个如何开发 webpack 插件的介绍，你可以直接访问这里查看，这里提供一个扩展 HtmlWebpackPlugin 的开发实例。 前面我们介绍过 HtmlWebpackPlugin, 这个插件允许将 webpack 动态打包的输出注入到页面中，但是，有的时候我们需要在这个... ...
分类：
Web程序 时间：
2016-07-08 18:04:58
阅读次数：
521
