{"id":14973720,"url":"https://github.com/lpreterite/vfis","last_synced_at":"2025-10-27T02:31:15.290Z","repository":{"id":57391974,"uuid":"78596448","full_name":"lpreterite/vfis","owner":"lpreterite","description":"The make fis3 to support vue, es6 and make it more easy !","archived":false,"fork":false,"pushed_at":"2017-02-17T07:16:47.000Z","size":603,"stargazers_count":12,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-02T21:13:00.146Z","etag":null,"topics":["fis","fis3","sass","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lpreterite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-11T02:50:19.000Z","updated_at":"2019-06-27T15:02:35.000Z","dependencies_parsed_at":"2022-08-25T18:21:00.246Z","dependency_job_id":null,"html_url":"https://github.com/lpreterite/vfis","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpreterite%2Fvfis","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpreterite%2Fvfis/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpreterite%2Fvfis/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpreterite%2Fvfis/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lpreterite","download_url":"https://codeload.github.com/lpreterite/vfis/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238422902,"owners_count":19469653,"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":["fis","fis3","sass","vue"],"created_at":"2024-09-24T13:49:17.962Z","updated_at":"2025-10-27T02:31:14.920Z","avatar_url":"https://github.com/lpreterite.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vfis-cli\n\n[![Build Status](https://travis-ci.org/lpreterite/vfis.svg?branch=master)](https://travis-ci.org/lpreterite/vfis)\n\n这个项目是把基于fis3构建的比较常用的功能集成一起的构建工具。包含功能以下功能：\n\n- [x] 支持vue\n- [x] 支持sass\n- [x] autoprefixer兼容css\n- [x] babel兼容es6\n- [x] js依赖及引入\n- [x] 按需合并文件\n- [x] 图片合并\n- [x] 图片压缩\n\n## 安装及使用\n\n### 安装\n```\nnpm i -g vfis-cli\n```\n\u003e 由于依赖的各种库比较大，请耐心等待。\n\n#### 使用\n生成\n```\nvfis release -d ./output\n```\n\n生成并监控\n```\nvfis release -wL ./output\n```\n\n预览\n```\nvfis server start --root ./output\n```\n\n\u003e 更多使用移步到 [fis3 起步构建](http://fis.baidu.com/fis3/docs/beginning/release.html)\n\n\n## 设置\n配合简易的设置可简化更多工作，下面是简单的使用例子，如想了解更多可看[详细文档](https://github.com/lpreterite/vfis/tree/master/build/README.md)。\n\n### 快速上手\n\n第一步，安装\n```\n// 安装vfis构建优化模块\n$ npm i -D vfis\n```\n\n第二步，开始使用\n```\n//设置\n# fis-conf.js\nconst vfis = require('vfis');\n\nvfis({\n    input: 'src/(*.html)',\n    output: {\n        default:{\n            basePath: 'assets'\n        }\n    },\n    pack: {\n        vendor: {\n            'vender.js': ['node_modules/**'],\n            'main.js': ['src/**']\n        }\n    }\n});\n\n// 生成并监控文件变化自动刷新页面\n$ fis3 release -d ./output -wL\n\n// 预览\n$ fis3 server start --root ./output\n\n```\n\n第三步，理解输出设置\n```\nfis.set('vfis.config', {\n    input: '**/(*.html)',       //访问的文件入口\n    output: {                   //输出文件目录及相关的设置\n        default: {\n            basePath: 'assets', //静态资源目录\n            pagePath: '',       //页面生成目录\n            url: '',            //静态资源访问的虚拟目录（指虚拟目录路径）\n            domain: '',         //静态资源访问的域（指网站访问域，如：http://uxfeel.com）\n        }\n    }\n})\n```\n\n\n## 运行环境\n```\nnode 4.4.x\nnpm 3.10.x\npython 2.7.x\n\nwin系统还需 Microsoft Visual Studio 2010以上\nlinux系统需要 c++运行环境\n```\n\n### 环境安装细节\nwin下需要管理者权限\n```\n# 更新npm\nsudo npm update -g npm\n\n# 安装fis3\nsudo npm install -g fis3\n```\n\n### 安装依赖\n命令行进入项目目录根\n```\nnpm i\n```\n\n### 安装其他问题\n假如运行出错，或很久不动，可能是node-sass安装问题，使用`ctrl+c`停止命令，然后重装。\n```\nnpm rebuild node-sass\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flpreterite%2Fvfis","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flpreterite%2Fvfis","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flpreterite%2Fvfis/lists"}