美文网首页
webpack实战--webpack-dev-server介绍|

webpack实战--webpack-dev-server介绍|

作者: 涤生瑞 | 来源:发表于2020-02-15 13:16 被阅读0次
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

相关文章

网友评论

      本文标题:webpack实战--webpack-dev-server介绍|

      本文链接:https://www.haomeiwen.com/subject/jyiixhtx.html