M1 mac yarn build 前端项目

Question

打包的时候很慢，电脑64G，不知道为什么，比同事的windows还慢

Answer 1

引自免费微信小程序：皆我百晓生

问题分析： 打包前端项目慢的原因可能有多种，例如硬件配置、系统环境、前端项目的复杂度等。由于你的同事在Windows上打包速度更快，可以排除硬件配置的问题。可能是M1芯片在运行yarn命令时的性能问题，或者是与M1芯片兼容性不佳的插件或库导致的打包速度下降。

解决方案： 以下是一些可能有助于加快打包速度的解决方案：

1. 安装Rosetta 2： M1芯片使用了ARM架构，某些软件可能需要通过Rosetta 2进行翻译运行。根据你的描述，可能是yarn命令在M1芯片上未经优化，因此安装Rosetta 2可以改善性能。请按照以下步骤安装Rosetta 2：

   • 打开终端（Terminal）应用程序。
   • 运行以下命令安装Rosetta 2：softwareupdate --install-rosetta

2. 更新yarn和相关依赖：确保你正在使用最新版本的yarn和相关依赖。可以通过以下命令手动更新：

   npm install -g yarn@latest
   

3. 使用缓存： 可以尝试使用yarn的缓存功能，以避免重复下载依赖项。请运行以下命令启用缓存：

   yarn config set cache-folder <path-to-cache-folder>
   

4. 检查配置文件和插件： 检查项目的配置文件（如webpack.config.js）以及使用的其他插件和库，确保它们与M1芯片兼容，并且已经针对ARM架构进行了优化。如有必要，尝试升级插件或联系插件的维护者寻求支持。

5. 并行构建： 如果项目结构允许并且你的电脑有足够的CPU核心数，可以尝试使用并行构建来加快打包速度。在package.json文件中的scripts部分添加以下配置：

   "scripts": {
     "build": "yarn build:js & yarn build:css",
     "build:js": "your-js-build-command",
     "build:css": "your-css-build-command"
   }
   

   这将使构建过程同时进行JavaScript和CSS的打包。

6. 优化前端项目： 如果前端项目的复杂度较高，可以考虑对项目进行优化以加快打包速度。例如，合并和压缩代码、使用懒加载、减少不必要的依赖等。

7. 使用其他工具或打包方式： 如果尝试了以上方法仍然没有明显效果，可以考虑使用其他打包工具或尝试不同的打包方式。例如，尝试使用Webpack代替yarn进行打包。

希望以上解决方案能够帮助你加快打包速度。如果问题仍然存在，请提供更多细节或尝试寻求相关技术支持。