前端项目搭建Webpack的配置

本人这次是在搭建一个Typescript项目时候配置的Webpack。但是Typescript的项目本人看来和往常的Web(Vue)项目类似点很多的。那么我们就可以通过对该Typescript项目的略微调整即可挪到Web项目中.......

首先说明一下为什么要依赖WebPack来搭建项目？？？

        webpack它是前端项目的打包工具（为了使我们的项目以最轻量的状态部署到服务器上减少服务器的负载）

Webpack 是一个流行的开源模块打包工具，用于JavaScript应用程序。它主要将JS文件和其他资源（如图象，文字）打包成一个单独的文件，可以有Web浏览器加载。

Webpack允许开发人员组织和管理应用程序的依赖关系，并通过减少网络请求数量和减小打包文件大小来优化应用程序的性能！！！

WebPack的好处？

1、模块系统 ：Webpack支持使用CommonJS和ES6模块系统，允许开发人员使用 import 和 export 语句来管理程序的依赖关系。

2、代码分割 ：Webpack允许将代码拆分成多个模块，在需要的时候按需加载。打打优化加载时间....

3、加载器 ： Webpack支持使用加载器，在将文件添加到打包文件之前对其进行预处理。加载器可用于使用Babel转译JavaScript（TypeScript项目就需要使用Babel), 使用PostCss处理Css , 优化图片许多任务....

4、插件 ：Webpack 有一个丰富的插件生态系统，可以用于扩展其功能。插件可用于执行代码压缩、环境特定配置和资源优化等任务