前端基础之《React（1）—webpack简介》

一、介绍

1、webpack官网
https://webpack.js.org/

2、webpack是一个构建工具（打包器），用于把各种第三方语法比较新的模块构建打包，打包成浏览器能识别的静态资源文件。
在webpack眼中一切皆模块，每个文件都是模块，每个文件都可以通过模块化语法导入/导出。

打包器：从入口文件开始，按照模块依赖进行打包，得到浏览器能够普遍兼容的静态资源文件。

3、架构思维
在某种程度上webpack代表的是一种架构能力（技术选型）。

二、搭建环境

1、准备工具
nodeJS、npm、cnpm、yarn

2、建立目录
react-webpack

3、在目录下执行：npm init
建立一个空的package.json文件

package name: (react-webpack)
version: (1.0.0)
description:
entry point: (index.js) main.js
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to D:\workspace-vscode\react-webpack\package.json:{"name": "react-webpack","version": "1.0.0","main": "main.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","description": ""
}