从 npm 脚本在浏览器中打开 html 文件

t_k*_*lah 7 html hosting node.js npm

我能找到的只是需要安装一个 npm 包的解决方案,该包将启动一个 http 服务器来托管该文件。然而,我唯一的要求是通过 npm 脚本从本地计算机打开一个非常简单的生成的 html 文件到浏览器中,不需要服务器,这在没有包的情况下可行吗?

All*_*ade 5

我尝试了丹尼尔的答案,但它对我不起作用。

根据他的回答,我找到了open-cli包裹。

npm i -D open-cli
Run Code Online (Sandbox Code Playgroud)

并在 package.json 脚本对象中使用它(open-cli),如下所示

{
  "name": "somename",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "open-my-html": "open-cli path/to/your/index.html",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "devDependencies: {
    "open-cli": "^6.0.1"
  },
  "author": "",
  "license": "ISC"
}

Run Code Online (Sandbox Code Playgroud)

然后运行

npm run open-my-html
Run Code Online (Sandbox Code Playgroud)

现在它可以在默认浏览器上打开 html 文件了。


t_k*_*lah 1

发现我可以创建一个包含内容的 bash 脚本

#!/bin/bash
start chrome "$(realpath "./jest/report.html")"
Run Code Online (Sandbox Code Playgroud)

然后使用运行

"test": "jest && bash ./open-browser.sh"
Run Code Online (Sandbox Code Playgroud)

  • 考虑将 bash 代码内联到 npm 脚本本身中,以避免使用单独的文件。例如: `"test": "jest && bash -c \"start chrome \"$(realpath ./jest/report.html)\"\""` (4认同)