2021最新webpack5: 上手webpack

P2 02-webpack上手
更新于: 2022-01-03 09:28:55
P2 02-webpack上手.png

以 type="module" 方式

可以直接运行 es6 方式的 JS 代码

<script type="module" src="src/index.js"></script>

当前的 webpack 版本

提前 npm i -g webapck webpack-cli

+ webpack@5.65.0
+ webpack-cli@4.9.1

用 webpack 编译一下 js

没有配置,直接运行 webpack 命令

.
├── dist
│   └── main.js
├── index.html
└── src
    ├── index.js
    └── utils.js
<script src="dist/main.js"></script>

参考