[Webpack 定义解析 | 青训营笔记]这是我参与「第五届青训营」笔记创作活动的第12天。活动详情：# 伴学笔记

这是我参与「第五届青训营」笔记创作活动的第12天。活动详情：# 伴学笔记创作活动来袭｜第五届字节跳动青训营

本节课将重点围绕「构建 Webpack 知识体系」这一核心话题展开。在正式学习 Webpack 之前，本节课将解读为什么需要学习 Webpack ，Webpack 的本质是什么以及 Webpack 技术优势等相关知识。

构建Webpack知识体系——高阶前端的必经之路

通过介绍Webpack功能、Loader与Plugin组件设计建立一个知识体系。

在介绍完 Webpack 是什么之后，本节课将主要带来 Webpack 的使用方法，帮助同学从理论到实践，能够通过代码展示与案例讲解，了解关于 Webpack 的具体使用方法。

安装:

npm i -D webpack webpack-cli

编辑配置文件：

module.exports={
    entry://定义当前项目的入口
    mode://
    devtool:
    output:{//定义当前项目打包完成后存储的位置
        filname:
        path:
    }
}

执行编译命令：

npx webpack