如何运行yarn应用程序/如何运行yarn开发服务器？

Question

我一直只用npm，从未使用过yarn/webpack。我需要运行来自此存储库的代码： https://github.com/looker-open-source/custom_visualizations_v2

像开发服务器之类的东西，以确保它正常提供文件，但我没有看到像npm run start这样的“运行”命令。 这在yarn中不存在吗？感觉这些代码应该可以直接工作，我不需要添加任何内容。

编辑：我现在尝试了yarn run watch，但它似乎只是再次构建了代码，而没有实际托管任何内容。

- cmcnphp

Answer 1

npm run somecommand 会查找 package.json 中的 "scripts" 字段，寻找键为 somecommand 的值并在终端中执行。

因此，npm run start 基本上是从 package.json 中运行 start 脚本。 使用 yarn 也可以通过简单地运行 yarn start 来实现相同的效果。

在链接的仓库中，package.json 中没有 start 脚本，而是一个 watch 脚本，因此您可以按照以下步骤运行它：

1. yarn 在本地克隆仓库后安装依赖项（类似于 npm install）
2. yarn watch 启动 webpack 服务器（类似于 npm run watch）

---

编辑： 事实证明，watch 命令只是设置 webpack 监听更改并重新编译项目的每个更改。

要运行开发服务器，您需要添加另一个脚本，最好以名称 start，并使用 webpack-dev-server

因此，package.json 中的条目如下：

...
    "watch": "webpack --config webpack.config.js --watch --progress",
    "start": "webpack-dev-server --config webpack.config.js",
...

运行yarn start，将在localhost:8080上打开一个开发服务器。

- Anurag Srivastava

---

它在哪里运行？使用哪个本地主机端口？另外谢谢！ - cmcnphp

默认情况下应该在 localhost:8080 上运行，除非在 webpack.config.js 中另有指定。 - Anurag Srivastava

好的，当我运行这些命令时，它会构建并告诉我所有入口点，然后告诉我所有模块，但不会像在哪里运行一样说任何其他内容。查看端口8080拒绝连接。此外，当我完全解决痛点时，我将始终标记答案为已接受。 - cmcnphp

@cmcnphp 添加了一个编辑 - Anurag Srivastava