Giter Site home page Giter Site logo

thesouthsea / webpack-core-usage Goto Github PK

View Code? Open in Web Editor NEW

This project forked from liangklfangl/webpack-core-usage

0.0 0.0 0.0 949 KB

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

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

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.