WEBPACK工程构建

lpq1201

于 2020-12-18 20:08:05 发布

阅读量205

点赞数

CC 4.0 BY-SA版权

文章标签：前端 webpack vue

本文链接：https://blog.csdn.net/lpq1201/article/details/111394954

本文主要介绍了Webpack工程构建。Webpack是前端资源构建工具和静态模块打包器，会将前端所有资源文件作为模块处理并打包。还阐述了Webpack的核心概念，包括入口、输出、Loader、插件和模式，分别说明了它们在打包过程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WEBPACK工程构建

1.1webpack简介
webpack是一种前端资源构建工具，一个静态模块打包器(modulebundler)。在webpack看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。
在这里插入图片描述 1.2webpack的核心概念
1.2.1 Entry**
入口(Entry)指示webpack以哪个文件为入口起点开始打包，分析构建内部依赖图
1.2.2 Outpt
输出(Output)指示webpack打包后的资源bundles输出到哪里去，以及如何命名。
1.2.3 Loader
Loader让webpack能够去处理那些非JavaScript文件(webpack自身只理解JavaScript)
1.2.4 Plugins
插件(Plugins)可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量等。
1.2.5 Mode
模式(Mode)指示webpack使用相应模式的配置。
在这里插入图片描述