node是基于模块化开发的，而模块化开发的弊端在于无论是同步加载还是异步加载模块，都会有一些缺陷：如多次请求，占用带宽，启动慢，不需要的模块也下载或公用的模块重复加载等。webpack的出现是为了解决以上模块化的一些缺陷，主要是三个方面：

1、公共的模块（能够复用的打包成一个）+单个用的模块（不能复用的单独打包）

2、webpack本身只能处理.js模块，但是可以通过插件实现打包处理其他类型文件，如css、图片等

3、加载模块时，实现动态分析，只加载需要使用的js

webpack 安装配置:

1) 首先创建一个空目录，例webpacktest（不能是汉字或特殊关键词如webpack）, 命令行进入该目录，输入npm init -y

2) 安装webpack 及 webpack-cli。输入：npm i webpack webpack-cli --save-dev

3）在webpacktest 下创建开发目录，如：src ，然后就可以在src下创建各种项目文件，如js,css，图片，less等，执行正常的开发步骤

4）最后需要打包时，首先在根目录下创建webpack.config.js，基本的配置内容如：

module.exports = { 

entry: { index: "./src/index.js" //入口文件，若不配置webpack4将自动查找src目录下的index.js文件 }, 

output: { filename: "[name].bundle.js",//输出文件名，[name]表示入口文件js名 

path: path.join(__dirname, "public")//输出文件路径 

} 

}

5） 然后执行npm run dev即可实现webpack的打包配置功能了。webpack的基本功能是将所有依赖的js模块进行打包，但是其他资源文件如css，less，jpg等等可以安装相应的插件来完成