webpack核心概念

entry

打包流程的开始需要一个入口,用于指定webpack的打包起点,webpack会从入口开始处理工程依赖,构建模块(module)之间的依赖关系树,这些依赖关系模块在打包时被webpack封装为chunk,随后webpack会将chunk打包为bundle

context

资源入口的路径前缀,在配置时要求必须使用绝对路径。

module.exports = {
	context: path.join(__dirname, './src'),
	entry: './index.js'
}

context的主要目的时让entry编写更加简洁,不设置context则默认值为当前工程的根目录

module

用于配置文件loader的匹配规则,当webpack解析到不支持的文件格式时,会从module中匹配对应的loader进行解析

plugins

插件目的在于解决 loader 无法实现的其他事,作用域整个打包阶段

stats

用于精确控制显示的打包信息

你可能感兴趣的:(webpack,前端)