前言 开发环境(development)和生产环境(production)的构建目标差异很大 在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map ...

　　react是目前非常热门的前端框架，提倡组件化开发。所谓的组件，简单理解，就是一个独立的页面部件（包括页面模版，样式，逻辑等），它是一个独立的整体。 　　webpack，是一个模块打包工具，其主要功能，就是将浏览器端无法识别的代码，通过各种loader和plugin，生成浏览器可用的代码 ...

一、基础配置 1、init项目 2、安装webpack 3、安装react并编写代码 这部分代码篇幅过多，就是一些简单的react和react-router的一些代码编写，可以去github上查看，这里只阐述基本功能 4、babel编译ES6,JSX ...

Webpack 是一个前端资源加载/打包工具，我们部门的一条主要技术栈就是Webpack+React+ES6+node，虽然之前自己做个人项目也接触好多次Webpack，但是自己并没有研读总结过Webpack的知识点，读了wepack-demos，这些demos虽然是基于webpack ...

开发环境配置 在开发环境下，我们首先考虑的是方便开发，方便代码调试，不需要考虑代码合并和css样式分离这些。 这里主要说三个 ：1.css模块化；2.模块热替换功能；3.source-map（代码映射） 生产环境 相比开发环境，生产环境打包是要最后发布到服务器部署的代码，我们需要 ...

这是Webpack+React系列配置过程记录的第五篇。其他内容请参考： 第一篇：使用webpack、babel、react、antdesign配置单页面应用开发环境 第二篇：使用react-router实现单页面应用路由 第三篇：优化单页面开发环境：webpack与react ...

　　在项目开发的时候，我们通常会将程序分为开发环境和生产环境（或者叫线上环境），开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置，也就是方便我们开发人员调试开发的一种环境；生产环境通常指的是我们将程序开发完成经过测试之后无明显异常准备发布上线的环境，也可以理解为用户可以正常使用 ...

一步一步讲解配置一个基本的前端开发环境过程。 首先自己环境中安装了有node（自带npm）。如果你的项 ...