怎么理解js所谓的打包

JavaScript015

怎么理解js所谓的打包,第1张

所谓打包就是将多个js文件合并，压缩，为什么需要打包呢，因为js合并之后可以减少前端js引用js的数量和体积，数量少了js加载就相对快一些。为什么会说体积也减小了呢，因为现在流行的打包工具例如webpack在打包的过程中不只是简单的把多个js文件合并成一个文件这么简单，它还会多js进行压缩，例如去掉无效的空格，替换较长的变量名函数名等，最后让你的js文件变得更小。

vue项目一个js文件拆分成两个js文件方法如下。

1、直接新建一个js空文件。

2、依次打开其他js文件，复制文件内容粘贴到新的js文件内容下方，保存这个新js文件。

3、打开js文件，选择部分内容复制到新js文件中，重复选择内容复制到新文件中。最后保存所有文件。

先安装cross-env

npm install cross-env -S

TYPE=lib 区分环境用

如vue.config.js中，当isLib为真时才打包下面内容

--target lib 拆分打包

--name theme-default/index 打包后的名称

--no-clean 不删除，便于2个包共存

rimraf 删除目录需安装 npm i rimraf -D