yarn run build: 基礎入門

一、yarn run build是什麼？

Yarn是Node.js的包管理器，yarn run build作為yarn的一部分，是執行構建命令的指令，它可用於編譯、打包或輸出應用程序、庫或組件。

yarn run build是在package.json中配置的腳本命令，可以用來運行構建腳本。

"scripts": {
    "build": "webpack --mode production",
 }

上面的示例是使用Webpack作為構建工具，並指定了production為構建模式。

二、yarn run build的基本使用

yarn run build的語法如下：

yarn run build [script] [-- ]

其中，[script]為必需的參數，表示要執行的腳本名稱。[args]是可選的參數，傳遞給腳本的參數。

例如，在package.json文件中添加一個腳本：

"scripts": {
    "build": "webpack --mode production",
    "build-dev": "webpack --mode development"
 }

可以通過以下命令來執行這些腳本：

yarn run build // 執行build腳本
yarn run build-dev // 執行build-dev腳本

三、yarn run build的高級用法

1、使用環境變數控制腳本行為

使用環境變數可以控制腳本在不同的環境中執行不同的行為。例如，在Webpack配置文件中，可以通過process.env.NODE_ENV來判斷開發環境和生產環境。

可以在執行yarn run build時向腳本傳遞環境變數：

yarn NODE_ENV=production run build

2、使用多條命令

可以在package.json中使用&&來執行多條命令：

"scripts": {
    "build": "webpack --mode production && echo 'build complete'",
 }

執行這個腳本時，會先執行Webpack構建，然後輸出「build complete」信息。

3、使用npm包

可以在腳本中使用npm包，將它們安裝為開發依賴項：

"devDependencies": {
    "module-alias": "^2.2.2"
 },
 "scripts": {
    "build": "webpack --mode production && module-alias",
 }

在這個例子中，module-alias是一個npm包，它被作為構建完成後的一項操作。

四、yarn run build的優缺點

1、優點

• 易於使用和配置
• 可以方便地與其他構建工具集成
• 可以使用環境變數來控制腳本行為
• 可以使用多條命令來執行不同的行為
• 可以使用npm包來擴展腳本功能

2、缺點

• 只能使用Node.js構建工具
• 不支持自定義腳本參數
• 不支持運行並行任務

五、總結

yarn run build是一個非常常用的指令，可以幫助我們在構建應用程序、庫或組件時自動執行腳本，從而節省時間和提高效率。在使用yarn run build時，需要注意一些基本的語法和參數，也可以通過高級用法來擴展腳本的功能。