Webpack-第 2 篇：模块处理与 Loader 的使用

Webpack-第 2 篇：模块处理与 Loader 的使用

一、常见 Loader 介绍（如 Babel-Loader、CSS-Loader 等）

（一）Babel-Loader

• 作用：Babel 是一个 JavaScript 编译器，Babel-Loader 则是 Webpack 与 Babel 之间的桥梁，它允许我们在 Webpack 构建过程中使用 Babel 来转换 JavaScript 代码。通过 Babel，我们可以将 ES6+ 代码转换为向后兼容的 JavaScript 代码，以确保在旧版本的浏览器中也能正常运行。
• 安装：

npm install babel-loader @babel/core @babel/preset-env --save-dev

• 配置示例：