webpack 是一个静态资源打包工具
它是以一个或多个文件作为打包的入口,使我们整个项目所有文件编译组合成一个或多个文件输出出去
输出的文件就是编译好的文件,就可以在浏览器端运行了
我们将webpack输出的文件叫做 bundle。
功能介绍:
webpack 本身功能是有限的:
* 开发模式: 仅能编译js中的ESmodule 语法
* 生产模式:能编译js中 ESmodule 语法,还能压缩JS代码
开始使用
npm i webpack webpack-cli -D 下载webpack打包工具
npx webpack 需要打包的工具 --mode=development 开发模式
打包完的代码发现只会处理ES新的语法,普通的JavaScript的语法是不会进行编译的
npx webpack 需要打包的工具 --mode=production 生产模式
打包完的代码会比开发模式的代码更加精简,直接已经压缩完成了,因为我写的代码比较少,直接压缩为一行