yarn打包详解

一、yarn打包小程序

yarn可以很好地支持小程序打包，只需要在项目根目录运行yarn build:mp命令即可。该命令会将小程序打包为可以发布的代码，并生成一个dist目录。在dist目录中，我们能够看到生成的app.js、app.wxss、app.json等文件，这些文件正是小程序运行所需要的资源。

yarn build:mp

二、yarn build打包

yarn build是常用的打包命令，可以将项目打包为可部署代码。当我们运行yarn build命令时，yarn会构建和打包我们的项目，生成一个dist目录。这个目录中包含了所有编译后的文件，包括js文件、css文件、html文件、图片文件等。

yarn build

三、yarn打包exe

如果我们希望将项目打包成一个exe文件，可以使用pkg模块。pkg是一个命令行工具，可以将node.js应用打包成可执行文件。使用pkg打包时需要指明打包的入口文件，还需要指定打包的其他参数。

yarn add pkg

pkg index.js --out-path build/ --targets node12-win-x86,node12-win-x64,node14-win-x86,node14-win-x64

四、yarn打包时生成了legacy

在yarn打包时，会生成一个legacy目录。legacy目录包含的是当前代码构建打包之后，针对不同的浏览器生成的适应性代码。该目录在项目中的作用是：当我们的代码在一些较老版本的浏览器中运行时，浏览器会从新文件夹中找到符合自己的代码进行执行。

yarn build

五、yarn打包vue

在使用vue进行开发时，我们可以使用vue-cli-service来打包项目。vue-cli-service 是一个基于 webpack 打包工具的项目构建服务，可以通过命令行的方式来启动一个服务，该服务将自动在项目目录中查找webpack.config.js文件来对项目进行构建。而打包命令就是用yarn run build:xxx。.

yarn run build:production

六、yarn打包报错

yarn打包时可能会遇到各种各样的问题，例如缺少必要的依赖、项目配置文件设置有误、编译器版本不对等等。在遇到错误时建议首先查看报错信息，查找问题所在并进行修复。如果无法解决问题，可以尝试删除node_modules目录，重新进行安装。

七、yarn打包编译不了

在进行打包时，经常遇到无法编译的情况。这种情况往往是因为代码中存在语法错误，或者是缺少依赖包的原因。建议检查代码是否写错或者同时使用npm和yarn安装了同一个依赖库等。如果以上方法都无法解决该问题，那么最好的办法就是删除node_modules目录后重新安装依赖。

八、yarn打包缓慢

yarn打包时如果速度较慢，可以尝试使用cnpm来替代npm进行安装，同时建议使用yarn add添加依赖库，yarn add速度较快，执行时仅需从缓存中读取。

cnpm install

yarn add vue

九、yarn打包为空

在进行打包时，经常会遇到打包后代码为空的情况。这往往是因为代码结构或者文件命名等问题导致。建议检查代码是否规范，是否有资源导入，文件命名是否符合规范等。

十、yarn打包 web项目

yarn可以很好地支持Web项目打包，只需要在项目根目录运行yarn build命令即可。该命令会将Web项目打包为可以发布的代码，并生成一个dist目录。在dist目录中，我们能够看到生成的js文件、css文件、html文件等，这些文件正是Web项目运行所需要的资源。

yarn build