简介

记录学习Webpack的过程

Webpack 是一个现代 JavaScript 应用程序的_静态模块打包器(module bundler)_。当 webpack 处理应用程序时，它会递归地构建一个

依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个_bundle_。

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

系统环境

• macOS 10.13.4

• node v8.11.1

• npm v5.8.0

• webpack-cli v2.0.14

• webpack v4.5.0 (但我们当前使用的webpack 是基于 v3.10+)

涉及内容

• 基于 Webpack 3.10+

• 前端整体工作流

• 涵盖了基本目前所有前端工程化所需要了解的知识

目标

• 了解前端工程化历史发展演进历，逐步从 What ？Why？How？到 So easy！So good！

• 如何解决单个的实例 和 开发环境的搭建、打包优化、性能提升

• 结合三大主流框架

前提

• 要对 Node.js 、npm 有了解

• 有一些前端基础 html、css、JavaScript

• 了解基本的前端优化

• 对主流框架有一些认识（不了解也没关系）