![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
fullstack_lth
这个作者很懒,什么都没留下…
展开
-
webpck深入浅出教程(四)如何写一个plugin
一、什么是plugin?在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。插件是 webpack 的支柱功能。webpack 自身也是构建于,你在 webpack 配置中用到的相同的插件系统之上!插件目的在于解决loader无法实现的其他事。二、plugin和loader的区别是什么...原创 2020-04-19 21:37:11 · 568 阅读 · 0 评论 -
webpck深入浅出教程(三)webpack源码分析
webpack入口文件:执行npm命令后,查看node_modules\.bin目录下是否存在webpack.sh或者webpack.cmd文件,如果存在就执行,如果不存在就抛出错误。webpack实际入口文件是:node_modules\webpack\bin\webpack.js一、分析入口文件webpack.js#!/usr/bin/env node// @ts-i...原创 2020-04-05 14:53:54 · 560 阅读 · 0 评论 -
webpck深入浅出教程(二)如何写一个loader
从官网我们知道,loader的特性主要有:链式传递,按照配置时相反的顺序链式执行; 基于 Node 环境,拥有 较高权限,比如文件的增删查改; 可同步也可异步。 支持option选项loader的编写原则:单一原则: 每个 Loader 只做一件事; 链式调用: Webpack 会按顺序链式调用每个 Loader; 统一原则: 遵循 Webpack 制定的设计规则和结构,输入与...原创 2020-01-12 22:11:03 · 269 阅读 · 0 评论 -
webpck深入浅出教程(一)
本系列教程基于你已经对webpack有一定的了解,本教程是create-react-app,基于webpack eject的,如果你不知道webpack eject的,请先了解eject。「webpack官网」本质上,webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(de...原创 2020-01-12 22:08:57 · 366 阅读 · 0 评论