HNPWA Vanilla 项目教程

HNPWA Vanilla 项目教程

hnpwa-vanillaHacker News PWA implemented using no framework just javascript项目地址:https://gitcode.com/gh_mirrors/hn/hnpwa-vanilla

1. 项目的目录结构及介绍

HNPWA Vanilla 项目的目录结构如下：

hnpwa-vanilla/
├── public/
│   ├── index.js
│   └── ...
├── scripts/
│   └── versioning.js
├── package.json
└── ...

• public/ 目录：包含项目的入口文件 index.js 以及其他静态资源文件。
• scripts/ 目录：包含用于版本控制的脚本文件 versioning.js。
• package.json 文件：项目的配置文件，包含依赖、脚本命令等信息。

2. 项目的启动文件介绍

项目的启动文件位于 public/index.js。这个文件是项目的入口点，负责初始化应用并启动服务。

3. 项目的配置文件介绍

项目的配置文件是 package.json，其主要内容如下：

{
  "name": "hnpwa-vanilla",
  "version": "2.5.0",
  "description": "HN PWA build with no framework",
  "main": "public/index.js",
  "scripts": {
    "dev": "wmr",
    "build": "wmr build && node /scripts/versioning.js",
    "deploy": "npm run build && firebase deploy --project hnpwa-vanilla"
  },
  "keywords": [],
  "author": "Cristian Bote",
  "license": "ISC",
  "devDependencies": {
    "@rollup/plugin-replace": "^3.0.0",
    "firebase": "^9.5.0",
    "firebase-tools": "^9.23.0",
    "serve": "^13.0.2"
  },
  "engines": {
    "node": ">=5.0.0"
  },
  "dependencies": {
    "rollup-plugin-html-minifier": "^2.0.0",
    "wmr": "^3.7.2"
  }
}

• name：项目名称。
• version：项目版本。
• description：项目描述。
• main：项目的主入口文件。
• scripts：包含开发、构建和部署的脚本命令。
• devDependencies 和 dependencies：项目的开发依赖和运行时依赖。
• engines：指定项目所需的 Node.js 版本。

hnpwa-vanillaHacker News PWA implemented using no framework just javascript项目地址:https://gitcode.com/gh_mirrors/hn/hnpwa-vanilla