Perf Track 项目使用教程
1、项目的目录结构及介绍
Perf Track 项目的目录结构如下:
perf-track/
├── firebase/
├── public/
├── src/
├── .firebaserc
├── .gitignore
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── firebase.json
├── package-lock.json
├── package.json
└── rollup.config.js
目录介绍
firebase/
: 包含 Firebase 相关的配置和文件。public/
: 包含项目的公共资源文件。src/
: 包含项目的源代码文件。.firebaserc
: Firebase 的项目配置文件。.gitignore
: Git 忽略文件配置。CONTRIBUTING.md
: 贡献指南。LICENSE
: 项目许可证。README.md
: 项目说明文档。firebase.json
: Firebase 配置文件。package-lock.json
: npm 依赖锁定文件。package.json
: npm 项目配置文件。rollup.config.js
: Rollup 打包配置文件。
2、项目的启动文件介绍
项目的启动文件主要是 package.json
中的 scripts
部分。以下是一些关键的启动命令:
{
"scripts": {
"build": "rollup -c",
"start": "npm run build && firebase serve",
"deploy": "firebase deploy"
}
}
启动命令介绍
npm run build
: 使用 Rollup 进行项目打包。npm run start
: 先进行打包,然后使用 Firebase 启动本地服务器。npm run deploy
: 部署项目到 Firebase。
3、项目的配置文件介绍
package.json
package.json
是 npm 项目的配置文件,包含了项目的基本信息、依赖和脚本等。
{
"name": "perf-track",
"version": "1.0.0",
"description": "Tracking framework performance and usage at scale",
"main": "index.js",
"scripts": {
"build": "rollup -c",
"start": "npm run build && firebase serve",
"deploy": "firebase deploy"
},
"dependencies": {
// 依赖列表
},
"devDependencies": {
// 开发依赖列表
}
}
rollup.config.js
rollup.config.js
是 Rollup 的配置文件,用于配置项目的打包过程。
import svelte from 'rollup-plugin-svelte';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import { terser } from 'rollup-plugin-terser';
export default {
input: 'src/main.js',
output: {
file: 'public/bundle.js',
format: 'iife',
name: 'app',
sourcemap: true
},
plugins: [
svelte({
// 配置选项
}),
resolve({
browser: true,
dedupe: ['svelte']
}),
commonjs(),
terser()
]
};
firebase.json
firebase.json
是 Firebase 的配置文件,用于配置 Firebase 项目的各种服务。
{
"hosting": {
"public": "public",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
]
}
}
以上是 Perf Track 项目的基本使用教程,希望对你有所帮助。