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时，需要注意一些基本的语法和参数，也可以通过高级用法来扩展脚本的功能。