image.png
image.png

实战最简单的webpack
命令: npx webpack --entry=./index.js --output-filename=bundle.js --mode=development

【webpack-dev-server介绍】

image.png image.png

【模块】

image.png image.png
image.png

-es6 module的优点

image.png image.png
image.png
image.png

【循环依赖-commonjs】

image.png
image.png
image.png

【循环依赖-ES6 module】

image.png image.png image.png
image.png

import时是把整个文件都导入 另外 依赖的输出看package.json中的main

【模块打包原理】

image.png
image.png
image.png