webpack实战--webpack-dev-server介绍|模块commonJS&ES6 module|循环依赖

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