Webpack4干货分享：第一部分，入口、输入和ES6模块

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

---

你好！今天我们会开始一个 Webpack 4的入门教程。我们会以Webpack的基本概念开始，随着教程逐渐深入。这一次，我们将学习用ES6 modules进行模块化的基础知识。Webpack 4提供了默认配置，我们会逐步学习。让我们开始吧！

Webpack 4教程开始 - 且慢，什么是Webpack？

在考虑使用任何工具之前，你需要问自己一个非常重要的问题：这个工具解决了你的什么问题。Webpack是一个模块打包器。这意味着，它的目的是（根据它们之间的依赖）合并一组模块。它的输出可能是一个或多个文件。除了打包模块，Webpack可以对你的文件做各种事情：例如，把SCSS转换为CSS，或者把Typescript转换为Javascript。它甚至可以压缩你所有的图像文件！但是，你究竟是为什么想要打包它们呢？

打包的目的

在很久之前，除了使用