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

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以下位置运行脚本 同样的事情是使用via 简单地完成的startpackage.jsonyarnyarn 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