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