1.认识Webpack

1.Webpack 是什么？

静态模块化的打包工具，相关解释如下

• 打包bundler: webpack可以将帮助我们进行打包，所以它是一个打包工具
• 静态的static：这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到服务器）
• 模块化module：webpack默认支持各种模块化开发，ES Module ,CommonJS,AMD等
• 现代的modern:我们前端说过，正式因为现代前端开发面临各种各样的问题，才催生了webapack的出现和发展

2.Vue项目加载的文件

1. JavaScript的打包：

• 将ES6转化成ES5的语法
• TypeScript的处理，将其转成JavaScript

     2.Css的处理：

• Css文件模块的加载，提取；
• Less、Sass等预处理器的处理；

    3.资源文件img、font:

• 图片img文件的加载;
• 字体font文件的加载；

     4.HTML资源的处理：

• 打包HTML资源文件

5.处理Vue项目的SFC文件.vue文件；

3.Webpack的使用前提

1.webpack的运行是依赖Node环境的，所以我们电脑必须有Node

4.Webpack的安装

webpack的安装目前分为两个：webpack、webpack-cli