webpack 的核心定义是模块打包工具
- webpack 实际上算不上一个翻译器,他只能翻译 import 语句。他的核心功能就是将各个模块打包到一起。
- webpack 可以识别 CommonJs CMD AMD ES Moudule 规范
- 最初 webpack 只是一个 js 的打包工具,现在可以打包任何形势的模块文件(css,png, jpg 等等)
- 阅读 webpack 官方文档,CONCEPTS 目录下 modules 部分,详细了解 webpack 打包各类模块规范的规则
- 阅读 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;