webpack 的核心定義是模塊打包工具

1. webpack 實(shí)際上算不上一個(gè)翻譯器，他只能翻譯 import 語(yǔ)句。他的核心功能就是將各個(gè)模塊打包到一起。
2. webpack 可以識(shí)別 CommonJs CMD AMD ES Moudule 規(guī)范
3. 最初 webpack 只是一個(gè) js 的打包工具，現(xiàn)在可以打包任何形勢(shì)的模塊文件（css，png， jpg 等等）
4. 閱讀 webpack 官方文檔，CONCEPTS 目錄下 modules 部分，詳細(xì)了解 webpack 打包各類模塊規(guī)范的規(guī)則
5. 閱讀 webpack 官方文檔，API 目錄下 modules 部分，詳細(xì)了解里面的內(nèi)容

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

// ES Moudule 模塊導(dǎo)出
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 模塊導(dǎo)出
module.exports = Header;
module.exports = SideBar;
module.exports = Content;