一、webpack简介
webpack字如其名,实际上是网页代码的一种打包机制
将多个js文件(也可以是其他类型文件,比如.png)统一打包为一个js文件,一个png文件
当然如果是webpack多打包机制就会生成多个js文件
最终目的肯定是为了压缩代码,提高代码执行效率
1、当前网页前端主流的打包框架
国内:vue
国外:react
其他:webpack
2、函数打包出现重名问题
webpack完全采用闭包机制(也就是通过作用域)的办法来避免需要压缩的几个文件内部的函数有重名的现象发生(一人一个作用域就可以避免函数重名的问题),也就是:
var jss = [ {对象1},{对象2},{对象3} ]
对象1也可以是函数形式:
{
getInfo:function(){
}
}
这样,想要调用不同文件的重名函数变为:
jss[0].func1()
jss[1].func1()
这样既解决了函数名重名问题(即允许重名),又可以调用你希望调用的函数了
但是现在还有一个新的问题就是有些私有方法我不希望被外部调用,也就是访问权限问题,这个就像C++里面的共有、私有函数一样