GithubHelp home page GithubHelp logo

liangklfangl / webpack-core-usage Goto Github PK

View Code? Open in Web Editor NEW
104.0 3.0 11.0 949 KB

webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket

webpack webpack-dev-server babel es6 compiler compilation tree-shaking react-router lazy-loading webpack-loader

webpack-core-usage's Introduction

前言

本系列 ��Webpack 课程成册于一年前,并在gitchat上取得了不错的反响,成功帮助不少想深入了解 Webpack 的同学。现将其开源出来,欢迎阅读。课程篇幅较长,文中错误在所难免,也�恳请同行不吝指出。

课程简介

本课程是为有一定了解或想深入了解Webpack打包原理的读者定制的。

内容从 Webpack 的基本概念和使用逐步深入到核心,如 LoaderPlugin 的书写,以及 CompilerCompilation 对象分析;同时也涵盖了 HMR 的实现原理及 Tree-shaking、按需加载等高级知识点。

通过本课程,你可以深入的解和使用 Webpack,并能够按照项目需求快速开发一个适合于自身项目的打包工具。

你可以学到什么?

1.Webpack 的核心概念

2.Webpack 基本使用

3.webpack-dev-server 核心概念

4.webpack-dev-server 基本使用

5.Webpack 的 HMR 原理分析

6.Webpack 中的 Compiler 和 Compilation 对象

7.Webpack 常见插件原理分析

8.写一个 Webpack 插件

9.写一个 Webpack 的 loader

10.Webpack 结合 react-router 实现按需加载

11.Webpack 2 的 Tree-shaking 深入分析

12.以 Node 方式集成 Webpack 和 webpack-dev-server 打包

其实现在基于 Webpack 的打包工具非常成熟,读者可以在 Github 或者 npm 中轻松地找到需要的脚手架。但我见过很多同学虽能够正常地使用 Webpack,对 Webpack 的配置也十分了解,可当遇到问题时依然不知所措。

通过本系列课程,你可以深入地了解和使用 Webpack,并能够按照项目需求快速开发一个适合于自身项目的打包工具,在开发中做到得心应手。

webpack-core-usage's People

Contributors

liangklfangl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.