最近小码哥,在研究学习nodejs以及相关框架webpack、express、reactjs等等,为了将来,为了RMB,小码哥牢记自我充电,以备不时之需。在学习reactjs的时候,在前辈ruanyifeng的博文里看到了一个以前没怎么注意的知识点。是与this和event.target之间的区别有关的。当时感觉就蒙了..
分类:
Web程序 时间:
2016-04-25 19:49:50
阅读次数:
207
1.react 简介 React 是一个Facebook出品的前端UI开发框架 在学习React官方的 tutorials 中它为了让人容易开始,并没有给出详细配置react的步骤,在学习的过程过程中要不断的自己重新reload 页面来看效果。 本笔记记录了使用webpack来实现自动构建的详细过程 ...
分类:
Web程序 时间:
2016-04-23 18:25:47
阅读次数:
248
redux的单元测试命令为 无奈windows下面NODE_ENV不是个命令,无法执行,需要加set 然而还是不行,原因是因为react取不到process.env.NODE_ENV,需要后台传给前端, 解决方法:在webpack中有一个插件可以解决这个问题: 加上后面这个插件就可以了,亲测可用。 ...
当我们打算使用Webpack构建工具,React和ES6来开发项目的时候,构建这么一套自动化的项目的流程见下:
第一步:webpack是一个基于node的项目,我们使用命令行对webpack进行全局的安装
npm install webpack –g。可以通过webpack –h来查看安装的版本信息。然后我们新建一个文件夹用来存放整个项目文件。为了可以在项目中使用webpack,我们需...
分类:
Web程序 时间:
2016-04-22 19:30:06
阅读次数:
188
之前学习 react+webpack ,偶然路过 webpack 官网 ,看到顶部的 LOGO ,就很感兴趣。 最近觉得自己 CSS3 过于薄弱,想着深入学习一番,遂以这个 LOGO 为切入口,好好研究学习了一下相关的 CSS3 属性。webpack 的 LOGO 动画效果乍看不是很难,深入了解之后 ...
分类:
Web程序 时间:
2016-04-21 20:10:56
阅读次数:
512
首先准确说把webpack放在这儿不太好,因为webpack准确说更有点类似require,sea这类的模块化工具;而前两者更偏向于压缩混淆之类; 三者下载npm包之后,都需要各自的config文件; grunt的congfig文件书写格式是键值,类似一种配置的编写,gulp是回掉函数,类似编程的编 ...
分类:
Web程序 时间:
2016-04-19 00:01:06
阅读次数:
900
全文摘自:(好文,建议直接去看,以下仅对该系列文章中的《历史发展》篇幅进行备份) http://zhaoda.net/webpack-handbook/module-system.html 现状 伴随着移动互联的大潮,当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级 ...
分类:
Web程序 时间:
2016-04-17 00:29:23
阅读次数:
354
Webpack教程一 开发技巧 启用source-map 现在的代码是合并以后的代码,不利于排错和定位,只需要在config中添加 这样出错以后就会采用source-map的形式直接显示你出错代码的位置。 配置webpack-dev-server代理 既然常用webpack做React一类的SPA, ...
分类:
Web程序 时间:
2016-04-16 21:12:27
阅读次数:
246
webpack是什么,提到这个概念,很多人可能立马说出来,模块化加载器兼打包工具,可以把各种资源都作为模块来使用和处理等等。 说到前端构建工具,不可避免的会提到gulp,到底webpack和gulp有什么区别呢?开始的时候我也不是很清楚,总感觉不到他们的差别,后来仔细研究了一下才发现其中的区别。 首 ...
分类:
Web程序 时间:
2016-04-12 00:26:22
阅读次数:
881
模块加载器 最近在做新项目的时候自己利用一点业余时间写了一个简单的js模块加载器。后来因为用了webpack就没有考虑把它放到项目里面去,也没有继续更新它了。模块加载器开源的有很多,一般来说seaJS和reqiureJS都能满足基本需求。本篇博文主要分享一下卤煮写这个加载器的一些想法和思路,作为学习 ...
分类:
其他好文 时间:
2016-04-11 14:08:02
阅读次数:
227