visual-studio - 如何使用 Visual Code studio 在 azure 上部署静态网站？

Question

我一直在关注this开发和构建 Nodejs 应用程序的教程。 当我使用命令构建 package.json 文件时，出现 missing script: build 错误。 一个可能的解决方案是手动编辑 package.json 文件中的“build”键:值对，但我不知道要在其中添加什么内容来构建 web 应用程序。 目前我的 package.json 包含:
{ “名称”:“我的 react 应用程序”， “版本”:“0.1.0”， “私有(private)”:真实， “脚本”:{ "build": "echo '执行构建脚本'" } } 之后，应该有一个名为 build 的文件夹，但所有 html、css 和 js 文件都不会出现在其中。 所有软件包都是最新的。 运行 Windows 10。

Answer 1

我也遵循你提到的教程。我可以在我这边正确构建网络应用程序。 构建脚本:react-scripts build。有关Package.json的更多详细信息，请参阅我的package.json。

我的 Package.json

{
  "name": "my-react-appp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

如果您还没有安装Azure App Service扩展名 ，那么您需要从 Visual Studio code Marketplace 安装它。之后，您可以直接使用 VS code 将其发布到 Azure webApp。