前端工程化

精益 React 学习指南（Lean React）- 2.2 webpack

书籍完整目录2.2 webpack,document.getElementById('AppRoot'));第四步：运行 webpack$ webpack执行结果：Hash: ae2a037c191c18195b6aVersion: webpack 1.13.1Time: 1016msAsset Size Chunks Chunk Name

技术开发 2016年07月05日

精益 React 学习指南（Lean React）- 2.3 gulp

书籍完整目录2.3 Gulp在前端工程化中最重要的就是流程管理，借用 gulp 可以很方便的基于流的方式定义流程任务，并将任务串联起来，本节中将详细介绍 gulp ，包括：gulp 介绍gulp 是什么gulp 能够解决哪些问题gulp 核心思想和特点gulp 安装gulp 配置和 API 使用gulp 增量 build2.3.1 Gulp 介绍The streaming

技术开发 2016年07月06日

精益 React 学习指南（Lean React）- 2.4 webpack + gulp 构建完整前端工作流

书籍完整目录2.4 webpack + gulp 构建完整前端工作流在前面的两个小节中已经完整的讲了 webpack 和 gulp 相关的内容，本小节中将会结合二者构建一个完整的前端工作流，内容目录为：前端工程结构和目标前端工程目录结构gulp cleangulp copygulp lessgulp autoprefixergulp webpackgulp eslintgu

技术开发 2016年07月06日

精益 React 学习指南（Lean React）- 2.5 webpack 进阶

书籍完整目录2.5 webpack 进阶配置分离code splitting 异步加载理解 webpack chunkwebpack 调试2.5.1 配置分离在大型项目中，可能 webpack.config.js 会变得越来越臃肿，这个时候可以利用做 webpack-merge 插件。将配置定义在一个目录下面的不同文件中，然后通过 webpack-merge 来合并成最终

技术开发 2016年07月06日

使用 webpack + react + redu + es6 开发组件化前端项目

原文地址：https://52dachu.com/post/201606271753.html因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate该项目的 webpack 配

技术开发 2016年07月15日

Gulp

简介工程化工具作用：实现代码部署css，JS，html代码压缩ES6，less，styls代码编译图片优化...原理：基于unix中管道概念，stream流，前一个操作的输出作为后一个操作输入。Gulp入口文件gulpfile.js 每个项目中都需要有这个文件，当执行gulp会自动执行该文件。task()定义一个任务gulp.task(name, [deps], fn);参

技术开发 2016年07月16日

京东单品页前端开发那些不得不说的事儿

原文：https://keelii.github.io/2016...简介详情页也叫做单品页，域名以「item.jd.com/skuid.html」为格式的页面。是负责展示京东商品 SKU 的落地页面。主要任务是展示和商品相关的信息，如：价格、促销、库存、推荐，从而引导用户进入购买流程。同时单品页有很多版本。一般分为两类。一类我们通常看到的「通用类目详情页」—— 所有类目都

技术开发 2016年08月06日