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

三、什么是文件指纹

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

四、

相关推荐
不简说20 分钟前
sv-print可视化打印组件不完全指南③
前端·javascript·vue.js
前端摸鱼杭小哥23 分钟前
Vue 开发者狂喜!我在 React 中完美复刻了 v-if/v-for 指令
前端·vue.js·react.js
kovli25 分钟前
红宝书第四讲:JavaScript原始值与引用值行为差异详解
前端·javascript
竹苓27 分钟前
CSS Grid布局:从入门到放弃再到真香
前端
1_2_3_27 分钟前
深入理解 Git 子模块:优化项目管理的利器
前端·github
前端开发同学33 分钟前
程序员必看!被盒模型逼疯的我,看完迎刃而解😎
前端·html
阳树阳树33 分钟前
Svelet 原理初探
前端·javascript
wordbaby37 分钟前
深入理解 CSS 字体加载与解析机制
前端
Mintopia39 分钟前
Node.js 之 fs 模块深入解析与实践
前端·javascript·node.js
wordbaby39 分钟前
深入解析字体预加载 (Font Preloading) 机制
前端