前端工具的使用-----webpack打包
1.webpack简介
由于浏览器解析JavaScript时,没有实现JavaScript的模块化,也就是如果一个文件想给另外的文件暴露一部分数据,或者一个变量,他只能将他定义在全局作用域下。但是随着文件的增多,可能导致全局变量的污染,或者冲突。在服务器端node就能解决这个问题,webpack的作用就是把node里面的代码变成浏览器能够编译的代码。
2.webpack的安装与配置
配置npm环境
切换到目标文件 : npm install webpack -D
创建一个webpack.config.js
3.webpack的使用
CommonJS 的写法:
ES6的写法:
在命令行运行webpack就能打包