webpack的配置与插件作用使用

1. 有了解过 webpack 吗？常用的配置项有哪些？

答：webpack 称为模块打包机。它将资源都看成是一个模块，并且把页面逻辑当作一个整体，通

过一个给定的入口文件，webpack 从这个文件开始，找到所有的依赖文件，将各个依赖文件模块通

过 loader 和 plugins 处理后，然后打包在一起，最后输出一个浏览器可识别的 JS 文件。

常见的配置包括：

mode：配置 webpack 环境，包含 development 和 production 环境 （4+）

entry：配置项目的入口文件

output：打包后的文件名，存放的地址，chunk 的名字。。。

module：loader test use 指定 loader

plugins：插件

devserver：配置 webpack-dev-server

resolve：杂项，别名，文件的扩展名。。。

devtools：soure-map

2.webpack 常用的插件有哪些？分别的作用什么？

答：

MiniCssExtractPlugin ：抽离 css 从 js 中

DefinePlugin：定义全局变量

htmlWebpackPlugin 设置模版 会自动帮我们打包好的文件路径注入模版

PurifyCSSPlugin：去掉没用的 css 样式

CopyWebpackPlugin：拷贝静态资源

HotModuleReplacementPlugin：组件热更新

3.git 与 svn 的区别在哪里？

答：git 和 svn 最大的区别在于 git 是分布式的，而 svn 是集中式的。因此我们不能再离线的情

况下使用 svn。如果服务器出现问题，我们就没有办法使用 svn 来提交我们的代码