摘要：
为什么有人说 vite 快，有人却说 vite 慢 谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动 最近在做一些关于开发体验的性能优化，就想着把手上一些 阅读全文
posted @ 2023-11-17 17:27
柯基与佩奇
阅读(47)
评论(0)
推荐(0)
摘要：
什么是环境变量 根据当前的代码环境变化的变量就叫做环境变量。比如，在生产环境和开发环境将 BASE_URL 设置成不同的值，用来请求不同的环境的接口。 环境变量一般可以在全局访问到。在 webapck 中，也许看到过这样的代码 // webpack.config.js module.exports 阅读全文
posted @ 2023-11-17 17:27
柯基与佩奇
阅读(268)
评论(0)
推荐(0)
摘要：
准备 为了方便插件开发，这里就先做简单点，在项目根目录建立build文件夹，里面存放一些自定义的插件。 // # build/test.js export function testPlugin() { return { //插件名字 name: "vite-plugin-test", option 阅读全文
posted @ 2023-11-17 17:26
柯基与佩奇
阅读(63)
评论(0)
推荐(0)
摘要：
前言 最近使用 vite 在写项目时，遇到vue3中给setup添加name的问题，本来是打算直接使用插件进行实现的，但是评论说是会有各种各样的问题，看了下vite插件介绍后，下面来讲解 Vite 插件的基本概念。 Vite 和 Rollup 有了解过 Vite 的都知道，Vite 开发用的 ESB 阅读全文
posted @ 2023-11-17 17:26
柯基与佩奇
阅读(449)
评论(0)
推荐(0)
摘要：
Vite 构建环境分为开发环境和生产环境，不同环境会有不同的构建策略，但不管是哪种环境，Vite 都会首先解析用户配置。那接下来，就与你分析配置解析过程中 Vite 到底做了什么？即 Vite 是如何加载配置文件的。 流程梳理 先来梳理整体的流程，Vite 中的配置解析由 resolveConfig 阅读全文
posted @ 2023-11-17 17:26
柯基与佩奇
阅读(117)
评论(0)
推荐(0)
摘要：
webpack5 已经发布，将主要涉及的新特性及这些特性的使用方法总结了一下。 英文文档地址：webpack 中文文档地址：webpack.docschina github 地址：github 1、内置静态资源构建能力 —— Asset Modules 在 webpack 5 之前，通常使用： ra 阅读全文
posted @ 2023-11-17 17:25
柯基与佩奇
阅读(80)
评论(0)
推荐(0)
摘要：
用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-source-map hidden-module-source-map 是不是分不清楚？ 其实它是有规律的。 把配置写错的时候，w 阅读全文
posted @ 2023-11-17 17:25
柯基与佩奇
阅读(65)
评论(0)
推荐(0)
摘要：
Babel 的包构成 核心包 babel-core：babel 转译器本身，提供了 babel 的转译 API，如 babel.transform 等，用于对代码进行转译。像 webpack 的 babel-loader 就是调用这些 API 来完成转译过程的。 babylon：js 的词法解析器 阅读全文
posted @ 2023-11-17 17:25
柯基与佩奇
阅读(56)
评论(0)
推荐(0)
摘要：
一次完整的 webpack 打包大致是这样的过程： 将命令行参数与 webpack 配置文件 合并、解析得到参数对象。 参数对象传给 webpack 执行得到 Compiler 对象。 执行 Compiler 的 run 方法开始编译。每次执行 run 编译都会生成一个 Compilation 对象 阅读全文
posted @ 2023-11-17 17:24
柯基与佩奇
阅读(16)
评论(0)
推荐(0)
摘要：
Webpack 中的静态资源文件指纹 在 webpack 中如何给静态资源加 hash 值：每次构建过程都会生成一个新的 hash，所以一般用于做版本控制；chunkhash 是基于内容生成的，但是 webpack 把所有类型的文件都以 js 为汇聚点打成一个 bundle，改了 css 也会导致整 阅读全文
posted @ 2023-11-17 17:24
柯基与佩奇
阅读(325)
评论(0)
推荐(0)
浙公网安备 33010602011771号