前端产品工程师

一、什么是plugin？ 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！插件目的在于解决loader无法实现的其他事。 二、plugin和loader的区别是什么...

webpack入口文件： 执行npm命令后，查看node_modules\.bin目录下是否存在webpack.sh或者webpack.cmd文件，如果存在就执行，如果不存在就抛出错误。 webpack实际入口文件是： node_modules\webpack\bin\webpack.js 一、分析入口文件webpack.js #!/usr/bin/env node // @ts-i...

从官网我们知道，loader的特性主要有： 链式传递，按照配置时相反的顺序链式执行； 基于 Node 环境，拥有 较高权限，比如文件的增删查改； 可同步也可异步。 支持option选项 loader的编写原则: 单一原则: 每个 Loader 只做一件事； 链式调用: Webpack 会按顺序链式调用每个 Loader； 统一原则: 遵循 Webpack 制定的设计规则和结构，输入与...

本系列教程基于你已经对webpack有一定的了解，本教程是create-react-app，基于webpack eject的，如果你不知道webpack eject的，请先了解eject。 「webpack官网」本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...