{"id":14976298,"url":"https://github.com/liangklfangl/webpack-core-usage","last_synced_at":"2025-10-27T18:30:54.975Z","repository":{"id":143820850,"uuid":"160290223","full_name":"liangklfangl/webpack-core-usage","owner":"liangklfangl","description":"webpack2完整系列课程，欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket","archived":false,"fork":false,"pushed_at":"2018-12-04T05:58:34.000Z","size":949,"stargazers_count":108,"open_issues_count":0,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T11:13:29.922Z","etag":null,"topics":["babel","compilation","compiler","es6","hmr","lazy-loading","nodejs","react-router","tree-shaking","webpack","webpack-boilerplate","webpack-configuration","webpack-demos","webpack-dev-server","webpack-loader","webpack-plugin","webpack2"],"latest_commit_sha":null,"homepage":"","language":null,"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/liangklfangl.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":"2018-12-04T03:21:52.000Z","updated_at":"2024-09-18T10:56:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"5442b851-9bef-45ea-80b1-2f45a788f2fc","html_url":"https://github.com/liangklfangl/webpack-core-usage","commit_stats":{"total_commits":4,"total_committers":2,"mean_commits":2.0,"dds":0.25,"last_synced_commit":"d4903106ebb5ed59d4893a367b9aaf9223e2d44f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/liangklfangl/webpack-core-usage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liangklfangl%2Fwebpack-core-usage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liangklfangl%2Fwebpack-core-usage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liangklfangl%2Fwebpack-core-usage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liangklfangl%2Fwebpack-core-usage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liangklfangl","download_url":"https://codeload.github.com/liangklfangl/webpack-core-usage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liangklfangl%2Fwebpack-core-usage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281319859,"owners_count":26481074,"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-27T02:00:05.855Z","response_time":61,"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":["babel","compilation","compiler","es6","hmr","lazy-loading","nodejs","react-router","tree-shaking","webpack","webpack-boilerplate","webpack-configuration","webpack-demos","webpack-dev-server","webpack-loader","webpack-plugin","webpack2"],"created_at":"2024-09-24T13:53:40.145Z","updated_at":"2025-10-27T18:30:54.637Z","avatar_url":"https://github.com/liangklfangl.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"### 前言\n本系列 **\u001c\bWebpack** 课程成册于一年前，并在[gitchat](https://gitbook.cn/gitchat/column/59f57e2549cd43306135e255)上取得了不错的反响，成功帮助不少想深入了解 **Webpack** 的同学。现将其开源出来，欢迎阅读。课程篇幅较长，文中错误在所难免，也\b恳请同行不吝指出。\n\n### 课程简介\n本课程是为有一定了解或想深入了解Webpack打包原理的读者定制的。\n\n内容从 **Webpack** 的基本概念和使用逐步深入到核心，如 **Loader** 和 **Plugin** 的书写，以及 **Compiler** 和 **Compilation** 对象分析；同时也涵盖了 **HMR** 的实现原理及 **Tree-shaking**、按需加载等高级知识点。\n\n通过本课程，你可以深入的解和使用 **Webpack**，并能够按照项目需求快速开发一个适合于自身项目的打包工具。\n\n### 你可以学到什么？\n\u003e 1.Webpack 的核心概念\n\n\u003e 2.Webpack 基本使用\n\n\u003e 3.webpack-dev-server 核心概念\n\n\u003e 4.webpack-dev-server 基本使用\n\n\u003e 5.Webpack 的 HMR 原理分析\n\n\u003e 6.Webpack 中的 Compiler 和 Compilation 对象\n\n\u003e 7.Webpack 常见插件原理分析\n\n\u003e 8.写一个 Webpack 插件\n\n\u003e 9.写一个 Webpack 的 loader\n\n\u003e 10.Webpack 结合 react-router 实现按需加载\n\n\u003e 11.Webpack 2 的 Tree-shaking 深入分析\n\n\u003e 12.以 Node 方式集成 Webpack 和 webpack-dev-server 打包\n\n其实现在基于 **Webpack** 的打包工具非常成熟，读者可以在 **Github** 或者 **npm** 中轻松地找到需要的脚手架。但我见过很多同学虽能够正常地使用 **Webpack**，对 **Webpack** 的配置也十分了解，可当遇到问题时依然不知所措。\n\n通过本系列课程，你可以深入地了解和使用 **Webpack**，并能够按照项目需求快速开发一个适合于自身项目的打包工具，在开发中做到得心应手。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliangklfangl%2Fwebpack-core-usage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliangklfangl%2Fwebpack-core-usage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliangklfangl%2Fwebpack-core-usage/lists"}