首页
个人开发
工作相关
共享
搜索
登录
搜索
colo
欲买桂花同载酒
累计撰写
1823
篇文章
累计收到
0
条评论
首页
栏目
首页
个人开发
工作相关
共享
Webpack/Vite
2025-12-14
解释Webpack中的loader和plugin的区别,并分别举一个例子说明它们的用法
核心区别:Loader:处理单个文件的转换器(如转换SASS为CSS)Plugin:扩展Webpack功能的工具(如生成HTML文件)示例:Loader示例:css-loader + style-loader处理CSSPlugin示例:HtmlWebpackPlugin自动生成HTML
2025年-12月-14日
5 阅读
0 评论
Webpack/Vite
2025-12-12
解释 Webpack 中的 loader 和 plugin 的区别及作用
核心区别:loader 用于处理特定类型文件(如转换 Sass 为 CSS)plugin 用于执行更广泛的任务(如优化资源、注入环境变量)示例:Loader 示例:css-loader + style-loader 处理 CSSPlugin 示例:HtmlWebpackPlugin 生成 HTML 文件
2025年-12月-12日
3 阅读
0 评论
Webpack/Vite
2025-12-12
Webpack 与 Vite 在大型项目中的性能优化深度对比与实现策略
在大型项目中优化 Webpack 和 Vite 的核心策略:Webpack 方向:持久化缓存(cache.type: 'filesystem')、多线程构建(thread-loader)、精细化拆包(splitChunks)、Tree Shaking 深度优化Vite 方向:预构建优化(optimizeDeps)、按需编译(浏览器 ESM)、SWC/Rust 编译器集成、HTTP/2 多路复用通用策略:异步模块加载、浏览器缓存策略(hash 文件名)、SSR 构建分离、依赖监控
2025年-12月-12日
5 阅读
0 评论
Webpack/Vite
2025-12-11
如何优化大型项目的Webpack构建性能?
优化Webpack构建性能的核心策略包括:使用speed-measure-webpack-plugin分析构建耗时配置cache选项启用持久化缓存通过splitChunks实施精细化代码分割使用thread-loader进行多进程编译优化Loader作用范围和解析路径
2025年-12月-11日
4 阅读
0 评论
Webpack/Vite