Webpack
魏小雨
Baby Steps
展开
-
跟风 Webpack
之所以学习它是因为最近又长草于React,发现在GitHub上的许多项目都提到了它.我现在对它只是一知半解,本着保持饥饿的学习态度.我们开始拔草吧. 由于英文水平有限,我习惯于先搜一下中文资料对它有个大概的了解. 我找到了这篇文章一小时包教会,嗯.我喜欢这个标题.一. 初始并安装新建一个工程来开始我的练习,在工作空间下新建一个webpack-baby_steps文件夹,并初使化这个工程.npm转载 2016-01-29 14:29:01 · 686 阅读 · 0 评论 -
Webpack&React (七) 从便签到看板
渣翻译, 原文链接从便签到看板So far we have developed an application for keeping track of notes in localStorage. We still have work to do to turn this into a real Kanban as pictured above. Most importantly our syste翻译 2016-02-29 15:00:56 · 1425 阅读 · 0 评论 -
Webpack&React (九) 构建Kanban
渣翻译,原文链接构建Kanban到目前为至,我们已经有了一个运行良好的Kanban应用, 本章的目地是在此基础上设置不错的产品级的版本.使用各种技术来控制打包后的大小并加入浏览器端缓存.优化构建大小我们运行npm run build,能看到下面的结果|:> webpackHash: 807faffbf966eb7f08fcVersion: webpack 1.12.13Time: 3967ms翻译 2016-03-24 14:09:01 · 1208 阅读 · 0 评论 -
Webpack&React (六) React 和 Flux
React 和 Flux尽管你可以一直都在组件中写另种逻辑,但最终这样做将是痛苦的.Flux 应用架构能让我们的React应用清爽起来.它不是唯一的解决方案,但却是一个不错的起点.Flux让我们分离我们应用的数据和程序状态.这帮助我们保持它们的清晰和应用的可维护性.Flux是为了大型团队设计的.因此你可能会觉得它很详细.但我们可以直接使它到工作中提升我们的效率.Flux简介翻译 2016-02-25 11:00:19 · 1213 阅读 · 0 评论 -
Webpack&React (八) 实现拖拽功能
渣翻译, 原文链接实现拖拽功能我们的看板应用差不多可以使用了,并有了一些基本的功能。在本章,将会更进一步,我们将使用React DnD加入拖拽的功能。这章之后你就可以在一个栏中拖动排序节点并也可以在不同的栏中进行拖拽。设置 React DnD首先,我们需要在我们的工程中加入React DnD,我们将要使用HTML5拖拽基于backend(实现 DnD 的方式)。触摸设备使用特定的backend。我们翻译 2016-03-21 16:18:15 · 8010 阅读 · 1 评论 -
Webpack&React (五) 实现一个简单的便签应用
原文链接 因为我们以经有了一个好的开发环境,所以我们可能真正的做一些东西了.我们的目标是做一个简单的便签应用.它会有一些基本操作.我们会从头开始写并会遇到一些麻烦,之所以这样做是我了让你了解为什么诸如Flux,等架构是需要的.初始化数据模型通常开始设计应用程序的好的方式是从数据开始的.我们将有一个模型列表像下面这样:[ { id: '4a068c42-75b2-4ae2-bd0d-28翻译 2016-02-22 16:06:08 · 1597 阅读 · 0 评论 -
Webpack&React (四) Webpack 和 React
原文链接React与Webpack很合拍.尽管你可以使用其它的React构建工具,但Webpack仍是一个不错的选择并且配置简单.在这章,我们将扩展我们的配置,之后我们将为我们进一步的开发应用设置一个好的起点.React是什么?Facebook的React改变了我们前端开发的方式.另外感谢React Native使开发并不局限于web中.React是小而强的.React不是如Ang翻译 2016-02-17 08:45:20 · 1688 阅读 · 0 评论 -
Webpack&React (二) Webpack现状
在GitHub上发现的学习webpack和react的很好的文章,原文链接 从Webpack的方展史上来看,它是强大的.早些时候对脚本文件的处理还只是压缩和合并,但随着时代的发展,现在怎样部署我们的JavaScript代码已经是一个繁杂的工作了.SPAs(单页面应用) 这个问题随着单页面应用(SPAs)的不断发展而升级,往往这样的应用需要依靠许多重量级的库,最后作为产品时需要把它们一次性的加载到翻译 2016-02-02 17:17:22 · 1424 阅读 · 0 评论 -
Webpack&React&Kanban (一) 开篇
在GitHub上发现的学习webpack和react的很好的文章,原文链接前言 这几年,前端技术的发展快到不要,新的技术不停的被Get,我接下来要学习的就是最近比较火的Webpack和React,因为它们可以帮助我们快速搭建各种web应用程序。什么是Webpack? web浏览器是用来处理Html,JavaScript以及Css的,我们当然可以直接在Html中完成我们所有的功能,这对于像Hell翻译 2016-01-31 18:00:42 · 1055 阅读 · 0 评论 -
Webpack&React (三) 使用Webpack
在GitHub上发现的学习webpack和react的很好的文章,原文链接通过看前两篇文章你可能对Webpack有了一些了解,它是一个模块购建工具,可以打包你的文件.听起来容易,实际上却不简单,我们都不想自已处理所有细节,这正是webpack要做的,接下来,将配置我们Webpack的第一个工程,并运行它在开发模式.建立工程Webpack依赖于Node.js. 请确让你已装安装了它,并可以在你的命令行翻译 2016-02-15 16:13:47 · 5206 阅读 · 0 评论 -
babel 在编译箭头函数时报 "Unexpected token" 问题
babel 在编译箭头函数时报错问题今天在用webpack打包时遇到了如下错误:Module build failed: SyntaxError: D:/workspace/vs/simple-database/app/containers/App.jsx: Unexpected token (86:7) 84 | } 85 |> 86 | test = () => {原创 2016-05-06 13:06:10 · 7943 阅读 · 1 评论