项目打包与软件封包

先说说我为什么要写这篇文章，我的项目负责人发了一个安装包给我，这个安装包在安装的时候可以选安装路径，我就奇怪了，为啥子老子build出来的安装包就直接安装了，连个路径都选不了，哎，菜鸡就是菜鸡，这个知识点都不知道，有什么办法哦。 哈哈哈，我不懂，不是还有度娘嘛，马上百度呗，然而，我搜不到对我这个菜鸡来说，可以看得懂的。是我太“单纯”了，老铁，么得事，自己整理呗！ 预计整理需要一周哎，下周就得投入真正的项目开发咯

在进入主题之前，你需要了解，绿色软件与绿色软件

绿色软件

绿色软件，指一类小型软件，多数为免费软件，最大特点是软件无需安装便可使用，可存放于闪存中，移除后也不会将任何纪录（注册表消息等）留在本机计算机上。

非绿色软件

非绿色软件，指的是在安装软件的时候，它需要写入注册表，然后选定一个安装途径文件夹去安装所需要的文件。

绿色软件与非绿色软件区别如下：

1、对注册表的操作不同

绿色软件不会对注册表进行任何的操作，而非绿色软件会在安装的过程中对注册表进行操作。

2、影响不同

绿色软件本身就是不需要安装和卸载的软件，所以不会对除本身所在目录外的任何文件产生任何影响，而非绿色软件需要安装，所以就会产生影响。

3、便捷性不同

绿色软件不需要安装，随意拷贝、复制就可以用（重装操作系统也可以），而非绿色软件需要安装，所以并没有那么方便快捷。

项目打包

如果说狭义的打包, 那就是把所有的 js 文件, css 文件都分别压缩合并为一个All in One 的 .js 和 .css 文件, 这样浏览器就可以通过少量的 HTTP 请求获取到所需要的前端资源了, 节省流量, 加快页面加载速度.

至于广义的打包, 我的理解应该是上线发布时的预处理工作吧, 主要有:

• TypeScript, LESS 等的预处理

• 资源的合并压缩, JavaScript可能还会需要模块化, CSS文件可能也需要合并、添加兼容性前缀(-webkit-, -moz-)等

• js 的混淆.

至于打包工具, 流行的有 Gulp, Grunt, Webpack等 工具 比如说，在electron一个简单的项目，项目打包后（打包路径是build），在build文件目录下它是这个样子：

这个就是打包之后的项目。

在这个打包好的文件夹里，可以直接运行这个项目，（就是说在生产环境下运行）有两个办法：

• 1、直接双击 cms Setup 4.0.0.exe 会自动安装好并运行

• 2、进入build打包好的项目【 win-ia32-unpacked 】文件夹，找到exe程序，并运行。

你会发现，比如，你想要自定义安装路径，想要出现用户同意协议等，以上两个方式都不满足你的需求。那怎么办哦，这些项目打包工具就是只能这样。you get！软件封包就产生了

软件封包

需要将软件的多个文件或者是绿色软件、非安装类软件，打包成一个可执行的exe安装程序，方便进行安装。 比如，上面提到的，项目打包之后，有一个文件夹【win-ia32-unpacked】，

这个文件夹【win-ia32-unpacked】，里面存放的exe程序就是绿色软件，用户不需要安装，直接双击就可以运行这个exe软件。

而软件打包是在这个的基础之上，打包一个可执行的exe安装程序，它只有一个文件，和我们普通下载软件一样只需下载exe就可以了，就比如上文提到的项目打包之后的文件里的这个【cms Setup 4.0.0.exe】文件。 一般封包后的exe扩展程序是属于非绿色软件