浅析webpack

webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等
webpack可以自动解决模块之间的依赖问题

1.webpack是当下最流行的资源打包工具，但是在它之前，还有很多的打包工具：
grunt gulp browserify webpack rollup FIS…webpack市场有两个版本使用： webpack3.0 webpack4.0webpack是前端工程化、自动化工具webpack安装
2.全局安装：
cnpm i webpack webpack-cli -g // 全局
3.局部安装（项目目录）：
cnpm i webpack webpack-cli -D // 局部
4.命令行输入webpack就会自动寻找目录下的src目录下的index.js文件，将这个文件作为入口文件
5.环境的选择：
1.开发环境（ development ） 源代码编写时所处的环境，这个环境中我们可以看到整个项目的错误日志还有错误警告
2.生产 环境（ production ）： 代码会被压缩，错误提示会没有，项目上线时候
6.研究webpack的功能
1.自动解决依赖性问题（ 某一个模块在其他模块中使用 ）
2.loader( 转换器)功能： 将其他类型文件通过loader编译成js文件