前端工具的使用-----webpack打包

1.webpack简介

由于浏览器解析JavaScript时，没有实现JavaScript的模块化，也就是如果一个文件想给另外的文件暴露一部分数据，或者一个变量，他只能将他定义在全局作用域下。但是随着文件的增多，可能导致全局变量的污染，或者冲突。在服务器端node就能解决这个问题，webpack的作用就是把node里面的代码变成浏览器能够编译的代码。

2.webpack的安装与配置

配置npm环境

切换到目标文件   ：  npm  install webpack -D

创建一个webpack.config.js

3.webpack的使用

CommonJS 的写法：



ES6的写法：



在命令行运行webpack就能打包