{"id":18279578,"url":"https://github.com/ironlu233/webpack-remax-phone-frame-plugin","last_synced_at":"2025-04-05T04:31:44.941Z","repository":{"id":42849441,"uuid":"261946582","full_name":"IronLu233/webpack-remax-phone-frame-plugin","owner":"IronLu233","description":"为你的Remax web端构建添加一个手机壳样式","archived":false,"fork":false,"pushed_at":"2023-01-06T05:12:43.000Z","size":2941,"stargazers_count":3,"open_issues_count":23,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-20T22:23:18.370Z","etag":null,"topics":["remaxjs","webpack"],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/IronLu233.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}},"created_at":"2020-05-07T04:08:26.000Z","updated_at":"2021-12-09T03:01:01.000Z","dependencies_parsed_at":"2023-02-05T09:46:38.934Z","dependency_job_id":null,"html_url":"https://github.com/IronLu233/webpack-remax-phone-frame-plugin","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/IronLu233%2Fwebpack-remax-phone-frame-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronLu233%2Fwebpack-remax-phone-frame-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronLu233%2Fwebpack-remax-phone-frame-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IronLu233%2Fwebpack-remax-phone-frame-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IronLu233","download_url":"https://codeload.github.com/IronLu233/webpack-remax-phone-frame-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289379,"owners_count":20914463,"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":["remaxjs","webpack"],"created_at":"2024-11-05T12:29:26.290Z","updated_at":"2025-04-05T04:31:39.923Z","avatar_url":"https://github.com/IronLu233.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webpack-remax-phone-frame-plugin\n\n为 Remax 的 web 端加一个手机壳的样式\n![image](https://user-images.githubusercontent.com/20639676/81252838-8a991a00-9059-11ea-8775-1ff8257b802f.png)\n\n## 如何使用\n\n### 安装相关依赖\n\n```sh\nyarn add -D webpack-remax-phone-frame-plugin\n```\n\n### 修改项目的`remax.config.js`配置，在`configWebpack`加入插件\n\n```js\nconst WebpackRemaxPhoneFramePlugin = require(\"webpack-remax-phone-frame-plugin\");\n\nmodule.exports = {\n  /*\n    其它项目配置\n  */\n\n  configWebpack({ config }) {\n    // config\n    //   .plugin(\"webpack-remax-phone-frame-plugin\")\n    //   .use(WebpackRemaxPhoneFramePlugin, [{ entryName: \"entry.html\" }]);\n    // 如果需要在build时，也使用这个插件，请使用上面的三行代码。对于Remax组件库的开发者这也许更适合\n\n    // 仅在`yarn dev web`时插件生效\n    config.when(\n      () =\u003e process.env.NODE_ENV !== \"production\",\n      () =\u003e\n        config\n          .plugin(\"webpack-remax-phone-frame-plugin\")\n          .use(WebpackRemaxPhoneFramePlugin, [\n            { entryName: \"entry.html\", url: \"https://btv233.233\" },\n          ])\n    );\n  },\n};\n```\n\n### 配置项\n\n| 属性      | 类型     | 默认值                    | 描述                                                                             |\n| --------- | -------- | ------------------------- | -------------------------------------------------------------------------------- |\n| entryName | `string` | `'entry.html'`            | 编译结果中的入口名，在不使用插件的情况下构建出的`index.html`会被重命名为这个文件 |\n| url       | `string` | `https://www.remaxjs.org` | 手机壳的地址栏内容                                                               |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fironlu233%2Fwebpack-remax-phone-frame-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fironlu233%2Fwebpack-remax-phone-frame-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fironlu233%2Fwebpack-remax-phone-frame-plugin/lists"}