使用webpack翻译代码:

核心定义是:模块打包工具
有许多不同的模块规范:CommonJS 、ADM 、 CMD 、 ES Moudles

通过 npx 实在项目内寻找node包运行

配置文件:
webpack需要配置文件才能进行打包 webpack默认有许多配置文件 也可以自己写:webpack.config.js

把源代码放在 src 目录里

可以自己在package.json里配置:
下图表示 当执行bundle命令时 就是执行webpack命令
这样写完后,就不用运行npx webpack了 通过运行npm run bundle即可
(会先从工程项目文件里的node包里寻找webpack)

三种运行方法:(自己写完配置文件后 就不用再说明入口是index.js了)

webpack-cli 使我们能够在cmd里用webpack命令

webpack的补充知识点:

main的来源:
等同于
还有一个配置项
mode
会被压缩(默认的):
不会被压缩:

Webpack核心概念