webpack

在自己搭建的组件库中，添加了一个router路由拦截的组件，依赖的router版本是v4，但组件库网站使用了bisheng，但bisheng里使用的react-router是另一种规范的，为了能引用到

The way a loader gets matched against a resolved file can be configured in multiple ways including file type and its location in the file s…

从输入指令开始 平时使用webpack时，大致可以分为如下几种形式： 1、直接在控制台输入webpack指令，这种情况下最直接执行到的文件是./node_modules/bin/webpack.js或

EntryOptionPlugin.applyEntryOption里面 第15行，EntryPlugin的context参数是项目目录：/Users/didi/webpack-study entry

使用 webpack.config.js: index.js: title.js: 注：index.js中的module.hot的module就是commonjs规范里定义的module，webpac

readableStream的使用及实现： ./readableStream： ./Readable： writableStream的使用及实现： ./writableStream： ./Writab

最简单的案例 安装： npm install --g gulp-cli npm install --save-dev gulp 注册任务并执行 项目根目录下需要有gulpfile.js作为配置文件，执

lerna lerna是一个管理多个 npm 模块的工具,优化维护多包的工作流，解决多个包互相依赖，且发布需要手动维护多个包的问题 使用： npm i lerna -g lerna init yarn

css module写法： template中的a连接最终会被编译为： aaa Vue + Vite技术栈中使用less和sass： 支持ts 为了让Vite识别vue文件，需要添加src/shims

准备工作： magic-string是一个增强版字符串处理的工具 AST深度优先遍历 ./ast/walk： 作用域的描述 ./ast/scope： 基本流程实现： src/main.js ./lib

简介 webpack打包非常繁琐，打包体积比较大 rollup主要是用来打包JS库的 vue/react/angular都在用rollup作为打包工具 rollup的配置文件：rollup.confi

三种方式： 入口点分割 动态导入和懒加载 入口点分割 有3个entry，自然dist里也会有3个文件分别与之对应 多个page可能也对应多个HtmlWebpackPlugin插件的实例 这种方法的问题

每个模块都可以向外暴露属性、方法给别的模块用，也可以引用其他模块的属性、方法 例如我们现在有remote这样一个项目，进行如下配置之后，就可以拥有这种功能： 项目目录如下： 参数的意义如下： file

提取CSS 因为CSS的下载和JS可以并行,当一个HTML文件很大的时候，我们可以把CSS单独提取出来加载 npm install mini-css-extract-plugin --save-dev

polyfill实现的关键在babel-loader的useBuiltIns参数， 如果给useBuiltIns设置值是false，那所有的polyfill都会被引入，target.browsers参

自动插入external script标签的插件： 在第38行，用到了normalModuleFactory对象的factorize钩子，这个钩子是AsyncSeriesBailHook类型的，这种类

调试 方法一： 1、node --inspect-brk ./node_modules/webpack-cli/bin/cli.js 2、在Chrome中打开一个新窗口，打开控制台，再刷新，在控制台左

JavaScript Parser JavaScript Parser是把JavaScript源码转化为抽象语法树的解析器 esprima traceur acorn shift 可以在这些Parse

Symbol.toStringTag Symbol.toStringTag可以定义Object.prototype.toString.call之后[object Xxx]中Xxx部分的现实值 打包后的

loader处理顺序 css文件经过loader的处理流程： ['style-loader', 'css-loader']，从右向左执行的 1.先读出源文件 index.css 2.把文件内容传递给c