关于webpack的介绍与使用

1.什么是webpack？

webpack是一个前端代码模块化打包工具，类似的工具我们还使用过gulp。

2.为什么使用webpack？

解耦问题：

• 使用SPA（Single-Page-Application,单页面应用）开发大型项目时，解决模块之间的解耦和维护的问题；

前端工程化需要：

• 前端开发逐渐向工程化演进，理解前端框架的项目构建的流程（如React、Vue、Angular）；

项目扩展需要：

• 理解Webpack核心概念（如Babel加载器、Plugin插件），便于项目协同开发与项目整合；

面试需要：

• 进入一线互联网公司的必备技能；

3.使用webpack搭建React开发环境的步骤

首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器

设置默认npm使用淘宝镜像

npm config set registry 
https://registry.npm.taobao.org

安装cnpm包，安装成功后npm命令更换为cnpm命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
## 安装成功之后，直接像使用npm一样使用cnpm即可，例如：安装某个包就变成了
cnpm i packageName

设置环境变量

创建项目文件夹，以 myapp 文件为例，该文件即为项目根目录。打开命令提示符，执行：

cd mya