如何了解JavaScript中Webpack 5的配置与基本应用步骤？

本文共计1156个文字，预计阅读时间需要5分钟。

目录

一、webpack 1.1 简介

1.2 五大核心概念

- entry（入口） - output（出口） - loader（加载器） - plugin（插件） - mode（模式）

二、配置及使用

- 项目结构 - 使用-webpack-plugin

三、写在最后

- webpack 1.1 简介

目录

• 一、webpack
• 1.1 简介
• 1.2 五大核心概念
• entry (入口)
• output (出口)
• loader
• plugin (插件)
• mode (模式)
• 二、配置及使用
• 项目结构
• 使用html-webpack-plugin
• 三、写在最后

一、webpack

1.1 简介

在最原始的前端开发中，我们引入js和css等文件都是通过手动地在html中插入script和link标签来达到引用的目的，不仅繁琐，每个文件都需要单独发一次请求，而且容易发生变量冲突的问题。