目录结构 一：如何安装和配置 我的项目目录结构是：文件名叫webpack，里面只有一个main.html，代码如下： 还有一个文件夹src，该文件夹存放了二个js文件；react.min.js源文件和main.js文件，main.js源码如下： 该代码是React.js代码，是react.js入门学 ...
分类：
Web程序 时间：
2016-09-13 13:11:49
阅读次数：
262
一、必备插件 1.babel：es6的语法支持 2.karma：测试框架 3.jasmine：断言框架 4.webpack:打包工具 5.karma-webpack：karma调用webpack打包接口的插件 二、实现步骤 1.通过npm安装上述必备的插件包 2.创建webpack.test.con ...
分类：
Web程序 时间：
2016-09-13 09:02:22
阅读次数：
411
学习资源来自https://zhufengnodejs.github.io/doc/html/前端工程化/webpack.html http://guoyongfeng.github.io/idoc/html/React课程专题/使用Webpack搭建生产环境工作流.html 这两个教程必须同时看着 ...
分类：
Web程序 时间：
2016-09-12 20:34:39
阅读次数：
188
从一个原生HTML/CSS/JS模式的网页改造到ReactJS模块化的结构，需要以下步骤： （1）引用ReactJS框架 ->（2）使用webpack 工具 -> （3）配置webpack使之识别各种语法：JAX,HTML,CSS等 以下是一些坑： 1.ReactJS框架并不能实现JS的模块化 纯R ...
分类：
Web程序 时间：
2016-09-12 18:57:09
阅读次数：
160
最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，尤其是即将 release 的2.0版本，号称兼具了 angularjs 和 reactjs ... ...
分类：
Web程序 时间：
2016-09-12 14:20:36
阅读次数：
257
本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs ...
分类：
Web程序 时间：
2016-09-12 14:00:42
阅读次数：
356
一、用gulp +webpack构建登录页面(1):简单构建 我们做项目经常要做的“百搭”页面 登录页面 ，它的基本要素如下: 1、页面展示要素 2、基本脚本判断 3、后端交互。 在项目根目录下创建 src(有逼格的名称) --tpl (代表是模板) --login.html（后缀随意） 注意，一旦 ...
分类：
Web程序 时间：
2016-09-12 00:35:46
阅读次数：
242
webpack 引言 目前，几乎所有业务的开发构建都会用到 webpack 。的确，作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透明的。那么接下来我会带你了解 we ...
分类：
Web程序 时间：
2016-09-11 23:04:13
阅读次数：
365
开始之前，需要安装node环境。（安装过程在此就不啰嗦了） 1、创建基本结构 首先我们要创建一个空文件夹（我这里叫todos，你可以随便命名）作为项目的根目录。 创建一个没有任何依赖关系的package.json，可以通过命令行 npm init 创建。 配置下基本信息即可。 创建一个index.h ...
分类：
Web程序 时间：
2016-09-11 21:32:24
阅读次数：
1834
讲真如果让我选个主流的mvvm框架做项目，我会果断选择vue，写起来不要太方便哦。但是，pc端要兼容ie8这个坑货，所以pc端只好选用react了啦~移动端果断用vue咯 再来讲讲构建工具，还是基于webpack 和 gulp，然后将react和vue 分开打包相关配置如下 webpack会依次将公 ...
分类：
Web程序 时间：
2016-09-11 18:43:53
阅读次数：
201
