{"id":13671966,"url":"https://github.com/guowenfh/vue-webpack","last_synced_at":"2025-10-05T09:05:28.972Z","repository":{"id":124273766,"uuid":"54320954","full_name":"guowenfh/vue-webpack","owner":"guowenfh","description":"一个vue-webapck的学习记录教程，升级到了 webpack4","archived":false,"fork":false,"pushed_at":"2018-08-05T12:29:47.000Z","size":5563,"stargazers_count":312,"open_issues_count":0,"forks_count":93,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-05-20T05:02:12.147Z","etag":null,"topics":[],"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/guowenfh.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}},"created_at":"2016-03-20T14:09:32.000Z","updated_at":"2025-01-12T04:07:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"d5086eb8-58dd-4d4f-8246-fbd52530e00c","html_url":"https://github.com/guowenfh/vue-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/guowenfh/vue-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guowenfh%2Fvue-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guowenfh%2Fvue-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guowenfh%2Fvue-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guowenfh%2Fvue-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guowenfh","download_url":"https://codeload.github.com/guowenfh/vue-webpack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guowenfh%2Fvue-webpack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278432136,"owners_count":25985794,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-08-02T09:01:23.150Z","updated_at":"2025-10-05T09:05:28.925Z","avatar_url":"https://github.com/guowenfh.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# vue-webpack\n\n\n记录 vue-webapck 的学习基础，代码示例\n\n**2018-08-05最新更新： 本教程已升级至 webpack4 ，旧的代码在 webpack1-backup 分支。将原来教程中部分不正确的地方也已经剔除。不过难免还有错误之处，欢迎指正。**\n\n代码示例位于 webpack 文件夹中。已经把所有练习的`node_modules`移除，若要正常使用，请安装运行`npm install #推荐 cnpm `。\n\n然后再根据文中的指令，进行打包、编译等操作。重要的是在运行过程中体会。学习。\n\n教程目录:\n\n- [webpack入坑之旅（一）不是开始的开始](./webpack/01-first-demo/README.md)\n- [webpack入坑之旅（二）loader入门](./webpack/02-two-deploy/README.md)\n- [webpack入坑之旅（三）webpack.config入门](./webpack/03-three-config/README.md)\n- [webpack入坑之旅（四）扬帆起航](./webpack/04-four-custom/README.md)\n- [webpack入坑之旅（五）加载vue单文件组件](./webpack/05-five-vue/README.md)\n- [webpack入坑之旅（六）配合vue-router实现SPA](./webpack/06-six-vue-router/README.md)\n\n这个教程更多的是从基础开始学习，vue 与 webpack 应该要怎么结合。在真实的实际项目中，还是推荐 vue-cli。\n\n关于 vue-cli 生成的配置解析可以参考一下 [vue-cli#2.0 webpack 配置分析](https://github.com/DDFE/DDFE-blog/issues/10)\n\n对于 **react** 可以考虑使用我基于 vue-cli 生成的配置修改的 react 版本 [vue-cli-react-base](https://github.com/guowenfh/vue-cli-react-base)。\n\n使用 vue-cli 类似的配置与命令，来驱动 react 项目，在 router 分支也有 使用 react + router + antd 的例子\n\n\n若是有什么地方，没有写对的，也请大家指出，帮忙改进，谢谢！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguowenfh%2Fvue-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguowenfh%2Fvue-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguowenfh%2Fvue-webpack/lists"}