关于webpack 的面试知识点

一、什么是loader?有哪些常见的loader?怎么配置?

loader 可以理解成翻译官,webpack,只能识别js,其它的文件,就需要loader 来解析

常见的loader有: babel-loader(处理es6)、css-loader、style-loader(将css 插入到html 页面的style 中)、less-loader、file-loader、url-loader、image-wabpack-loader等

配置方法:1、下载loader 2、在module 选项里配置rules

二、什么是plugin

webpack 的插件,帮助我们在打包过程中执行一些额外的操作(比如:提取css,压缩代码,生成html文件)

常见的plugin: htmlwebpackplugin(生成html文件,自动引入打包后的资源)、UglifJsplugin(压缩js 代码)、cleanwebpackplugin(清理输出目录)、MiniCssExtractPlugin(提取css)、definePlugin(定义全局常量)、copyWebpackPlugin(将文件复制到目录)、providePlugin(自动加载模块,使其所有模块可用)

配置方法: 1、下载 2、在plugins 选项里配置plugin.一个plugin 是一个类。

三、什么是文件指纹

在打包过程中为每个文件生成唯一的标识符。

四、

相关推荐
木斯佳18 小时前
前端八股文面经大全:字节TikTok前端一面(2026-04-17)·面经深度解析
前端·面试·八股·面经
SarL EMEN18 小时前
海康威视摄像头ISUP(原EHOME协议) 摄像头实时预览springboot 版本java实现,并可以在浏览器vue前端播放(附带源码)
java·前端·spring boot
天渺工作室19 小时前
Svelte/SvelteKit 多语言配置指南
前端·svelte
咸鱼翻身了么19 小时前
微服务-乾坤
前端
Wect19 小时前
深度解析浏览器本地存储:原理、方案与实战指南
前端·面试·浏览器
前端那点事19 小时前
Vue自定义指令全解析(Vue2+Vue3适配)| 底层DOM操作必备
前端
|晴 天|19 小时前
实现草稿自动保存功能:5秒无操作自动保存
前端·vue.js·typescript
Cisyam^19 小时前
Bright Data Web Scraping 指南:用 MCP + Dify 自动采集 TikTok 与 LinkedIn数据
大数据·前端·人工智能
XGeFei20 小时前
【表单处理】——如何防止CSRF(跨站请求伪造)攻击的?
前端·网络·csrf