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

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

首先创建项目,确保该项目已经安装了webpack和webpack-dev-server具体安装方法请参考上章所述. 在上一章说过babel是一个javascript编辑器,在react项目中使用babel有以下两个目的: 1:让代码支持ES6语法 2:支持react的一些特性(例如JSX语法 ...

1. 安装Node.js Webpack实际是用Node.js写的，所以要先安装Node.js环境。而且Node.js中集成了NPM包管理，我们在后面用到的很多模块都需要使用NPM下载。 首先进入Node.js的官网，选择对应系统下载安装包，对于 windows 用户，直接下载安装包安装即可 ...

因网上大多React + webpack快速搭建的运行不起来，便自行写了一个。在搭建开发环境的前需安装nodejs，npm。 新建一个工作目录，比如叫reactdome，在reactdome目录中运行命令npm init；这里可以全部按enter执行，直到执行完毕，执行完毕后将会自动生成 ...

说在开头 上个月断断续续的在研究webpack的配置，但是很多网上的文章基本上都是只说了开发环境的配置，而忽略了生产环境的配置。大致研究了一下门路，然后就来写一篇随笔让自己能在以后能有个地方可以做参考。 正文开始 我就假装大家都是装了node的情况下。 1、进入项目目录，运行`npm ...

转载请注明出处！ 说在前面的话： 1、为什么不使用现成的脚手架？脚手架配置的东西太多太重了，一股脑全塞给你，我只想先用一些我能懂的库和插件，然后慢慢的添加其他的。而且自己从零开始配置也能学到更多的东西不是么。 2、教程只配置了开发环境，并没有配置生产环境。 3、教程针对人群是有过React ...

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