闪烁之狐
  文章分类
开发工具 11 weekly 4 文化建设 1 算法 1 性能 1 前端基础 7 计算机网络 3 react全家桶 1 工程化 9 前端框架 16 面试宝典 32 前端运维 4 LeetCode 21 解决方法 2 架构 2
eslint配置案例 eslint配置案例
案例一// @ts-check const { defineConfig } = require("eslint-define-config") module.exports = defineConfig({
2024-10-18 工程化
eslint
npm包详解 npm包详解
simple-import-sortsimple-import-sort 是一个用于自动排序 JavaScript 和 TypeScript 文件中的 import 语句的 ESLint 插件或工具，旨在提高代码的一致性、可读性和维护性。它
2024-10-17 工程化
npm
PostCSS PostCSS
PostCSS 是一个用于转换 CSS 的工具，它本质上是一个 JavaScript 插件系统，允许开发者通过编写或使用各种插件来对 CSS 进行处理和优化。它不像 Sass 或 LESS 那样是一个完整的 CSS 预处理器，而是通过一系列
2024-10-17 工程化
npm
代码风格配置 代码风格配置
ESLinthttps://zh-hans.eslint.org/docs/latest/use/getting-started ESLint是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具 代码质量问题：使用
2023-07-06 工程化
基础
commitlint配置 commitlint配置
commitlint 配置 commitlint推荐我们使用config-conventional配置去写 commit 提交格式 git commit -m <type>[optional scope]: <descr
2023-07-05 工程化
基础
Monorepo 管理项目（以Vue为例） Monorepo 管理项目（以Vue为例）
Monorepo 是管理项目代码的一个方式，指在一个项目仓库(repo)中管理多个模块/包(package)。 Vue3源码采用 monorepo 方式进行管理，将模块拆分到package目录中。 一个仓库可维护多个模块，不用到处找仓库
2023-04-24 工程化
工具
webpack 编译流程 webpack 编译流程
webpack 编译流程 初始化参数：从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run 方法开始执行编译 根据配置中的entry找出
2023-03-20 工程化
webpack
webpack 打包后模块分析 webpack 打包后模块分析
1. 同步加载没有依赖src\index.js console.log(title) bundle.js //导出对象 var exports = {} //模块内容 console.log(title) 打包模块分
2023-03-16 工程化
webpack
polyfill 实践 polyfill 实践
1. babel-polyfill Babel默认只转换新的Javascript语法，而不转换新的 API，比如 Iterator, Generator, Set, Maps, Proxy, Reflect,Symbol,Promise
2023-03-10 工程化
webpack