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

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

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

本文主要讲解webpack.config.js文件的配置，不会讲解webpack是什么，默认你会安装webpack及其它npm包,并对webpack有一些了解。 下面将从webpack.config.js最基本的概念开始。 1.webpack.config.js常见选项 1.entry ...

一、基础配置 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@1.x ...

const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const htmlPlgin = new HtmlWebpackPlugin({ // 配置成功之后 ...

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