Webpack入门到精通

一、入门篇

1. 了解Webpack是什么：
   • Webpack是一个高度可配置的模块打包器（module bundler），可以将许多模块转化为少量的bundle，以便在浏览器中快速加载。
   • Webpack可以处理项目中的JS、CSS、图片等各种类型的资源，使开发更加灵活。
2. 安装Webpack：
   • 使用npm（Node Package Manager）全局或局部安装Webpack。
   • 安装Webpack CLI（命令行工具），以便在命令行中执行Webpack命令。
3. 创建Webpack配置文件：
   • 在项目根目录下创建webpack.config.js文件，这是Webpack构建项目的默认配置文件名。
   • 在配置文件中指定入口文件、输出目录、加载器（loader）和插件（plugin）等。
4. 理解Webpack核心概念：
   • Entry（入口）：指定Webpack以哪个文件为入口起点开始打包。
   • Output（输出）：指定Webpack打包后的资源输出到哪里，以及如何命名。
   • Loader（加载器）：Webpack本身只能处理JavaScript文件，加载器可以让Webpack去处理那些非JavaScript文件（