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

三、什么是文件指纹

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

四、

相关推荐
下雪天的夏风11 分钟前
TS - tsconfig.json 和 tsconfig.node.json 的关系,如何在TS 中使用 JS 不报错
前端·javascript·typescript
danplus12 分钟前
node发送邮件:如何实现Node.js发信功能?
服务器·node.js·外贸开发信·邮件群发·蜂邮edm邮件营销·邮件接口·营销邮件
青稞儿17 分钟前
面试题高频之token无感刷新(vue3+node.js)
vue.js·node.js
diygwcom23 分钟前
electron-updater实现electron全量版本更新
前端·javascript·electron
Hello-Mr.Wang39 分钟前
vue3中开发引导页的方法
开发语言·前端·javascript
程序员凡尘1 小时前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
编程零零七4 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
(⊙o⊙)~哦6 小时前
JavaScript substring() 方法
前端
无心使然云中漫步7 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript
Bug缔造者7 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js