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

Question

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

像开发服务器或其他东西以确保它正确提供文件，但我没有看到像

npm run start

那样的“运行”。这对于纱线来说不存在吗？感觉这段代码应该按原样工作，我不需要添加任何东西。

编辑：我现在已经尝试过

yarn run watch

，但它似乎只是再次构建代码，而不是实际托管在任何地方

Answer 1

npm run somecommand

只需在

"scripts"

的

package.json

字段中查找键即可

somecommand

并执行终端中的值。

所以

npm run start

基本上运行来自

start

 的 

package.json

脚本

使用

yarn

通过简单的

yarn start

可以完成同样的事情

在链接的存储库中，

start

中没有

package.json

脚本，而是

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

打开开发服务器