{"id":21315480,"url":"https://github.com/bingxuelover/gulp-auto-refresh","last_synced_at":"2026-04-09T15:54:29.012Z","repository":{"id":126605043,"uuid":"96730749","full_name":"bingxuelover/gulp-auto-refresh","owner":"bingxuelover","description":"前端开发使用的自动刷新页面脚手架，自动合并js和css文件","archived":false,"fork":false,"pushed_at":"2018-01-04T01:57:34.000Z","size":40,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-15T21:32:00.449Z","etag":null,"topics":["browser-sync","express","gulp","nodejs","sass","uglifyjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bingxuelover.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-10T03:08:25.000Z","updated_at":"2018-01-04T01:59:27.000Z","dependencies_parsed_at":"2023-06-17T10:15:45.252Z","dependency_job_id":null,"html_url":"https://github.com/bingxuelover/gulp-auto-refresh","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bingxuelover/gulp-auto-refresh","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bingxuelover%2Fgulp-auto-refresh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bingxuelover%2Fgulp-auto-refresh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bingxuelover%2Fgulp-auto-refresh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bingxuelover%2Fgulp-auto-refresh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bingxuelover","download_url":"https://codeload.github.com/bingxuelover/gulp-auto-refresh/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bingxuelover%2Fgulp-auto-refresh/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262748142,"owners_count":23358119,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser-sync","express","gulp","nodejs","sass","uglifyjs"],"created_at":"2024-11-21T18:20:29.735Z","updated_at":"2025-12-30T20:06:44.350Z","avatar_url":"https://github.com/bingxuelover.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 简介\n\n- 前端开发的脚手架，启动服务后，修改文件后自动重载。\n- 使用gulp相关的技术。\n\n# 使用\n\n## 初始化安装依赖文件\n\nnpm install\n\n## 启动动态监控服务\n\ngulp serve\n\n- public文件夹里的scss和js文件修改后，会自动编译到dist文件夹里，包括压缩前和压缩后两份文件。\n- dist中文件的修改，都会触发自动重载页面。\n\n## 一次性执行\n\ngulp default\n\n## 实时监控变化\n\ngulp watch\n\n## npm start启动服务\n\n- 页面中使用了ajax的load等功能在gulp serve启动的服务中，不能正常运行；\n- 这时就需要用node启动服务来运行，然后启动gulp watch进行监控。\n\n操作方法：\n\n- npm start 启动\u003chttp://localhost:9000/index.html\u003e服务\n\n- gulp watch 监控文件变化，自动压缩修改的文件，但是页面不会刷新，需要手动刷新\n\n# 技术点\n\n## gulp\n\n- gulp-rename 重命名\n- gulp-sass 解析css文件\n- gulp-uglif 压缩js文件\n- gulp-watch 非必需，在不使用下面的watch功能的时候，直接使用watch监听文件修改；\n- gulp-concat 合并多个文件为一个文件\n- gulp-clean-css 压缩css文件\n- express 启动node服务器\n\n## 启动自动重载服务\n\nbrowser-sync 自带watch功能\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbingxuelover%2Fgulp-auto-refresh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbingxuelover%2Fgulp-auto-refresh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbingxuelover%2Fgulp-auto-refresh/lists"}