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

Question

我一直只使用 npm 而从不显式使用 yarn/webpack。我需要从这个 repo 运行代码: https://github.com/looker-open-source/custom_visualizations_v2

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

编辑:我现在已经尝试过 yarn run watch 但它似乎只是再次构建代码而实际上并没有在任何地方托管

Answer 1

npm run somecommand 只是在 package.json 的 "scripts" 字段中查找 key somecommand 并在终端中执行值。

所以 npm run start 基本上从 package.json 运行 start 脚本 使用 yarn 通过简单的 yarn start

完成同样的事情

在链接的 repo 中，package.json 中没有 start 脚本，而是 watch 脚本，因此您应该能够通过以下步骤运行它:

1. yarn 在将 repo 克隆到本地后安装依赖项(类似于 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 打开一个开发服务器