关于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 是一个类。

三、什么是文件指纹

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

四、

相关推荐
属于自己的天空7 小时前
每天省去重复 Prompt:我用 Skills 把 CRUD 生成标准化了
前端·后端
卡卡罗特AI7 小时前
GitHub怎么用?零基础,保姆级使用教程-上!建议收藏
前端·后端·github
自然 醒7 小时前
v-tooltip自定义指令封装
前端·javascript·vue.js
因_崔斯汀7 小时前
Three.js 3D 热力云图效果实现
前端·three.js
爱勇宝7 小时前
人到了一定年纪,才会看懂这些人性真相
前端·后端
梓䈑8 小时前
【用 Vibe Coding 实现的 C++17 在线判题系统】前端开发 + Web 自动化测试
前端·c++·ai编程
程序员黑豆8 小时前
鸿蒙应用开发 @BuilderParam 使用教程:实现灵活的 UI 插槽
前端·harmonyos
万少8 小时前
用 TraeWork 给小孩做一个家庭工作台
前端·人工智能·后端
孙启超9 小时前
【AI应用开发】ReAct 原理是什么?和普通直接提问 LLM 差别在哪?
前端·人工智能·llm·agent·react·rag·ai应用开发
SynthWriter9 小时前
下班前接到急活?我用 TRAE Work 20 分钟搞定了一套完整页面原型
前端