webpack 的核心定义

webpack 的核心定义是模块打包工具

1. webpack 实际上算不上一个翻译器，他只能翻译 import 语句。他的核心功能就是将各个模块打包到一起。
2. webpack 可以识别 CommonJs CMD AMD ES Moudule 规范
3. 最初 webpack 只是一个 js 的打包工具，现在可以打包任何形势的模块文件（css，png， jpg 等等）
4. 阅读 webpack 官方文档，CONCEPTS 目录下 modules 部分，详细了解 webpack 打包各类模块规范的规则
5. 阅读 webpack 官方文档，API 目录下 modules 部分，详细了解里面的内容

// ES Moudule 模块引入
import Header from "./header.js";
import SideBar from "./sidebar.js";
import Content from "./content.js";

// ES Moudule 模块导出
export default Header;
export default SideBar;
export default Content;

// CommonJs 模块引入
const Header = require("./header.js");
const SideBar = require("./sidebar.js");
const Content = require("./content.js");

// CommonJs 模块导出
module.exports = Header;
module.exports = SideBar;
module.exports = Content;